@charset "utf-8";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video {list-style:none;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article, aside, dialog, figure, footer, header,hgroup, nav, section { display:block;}nav ul { list-style:none;}li { margin:0; padding:0;}blockquote, q { quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}a {margin:0;padding:0;border:0;color: #000000;text-decoration: none;font-size:100%;vertical-align:baseline;background:transparent;}
ins { color:#000000; text-decoration:none;}mark { color:#000000; font-style:italic; font-weight:bold;}del { text-decoration: line-through;}abbr[title], dfn[title] { border-bottom:1px dotted #000000; cursor:help;}table { border-collapse:collapse; border-spacing:0;}hr { display:block; height:1px; border:0; border-top:1px solid #473d3f; margin:1em 0; padding:0;}input, select { vertical-align:middle;}input[type="submit"], input[type="button"],input[type="checkbox"],input[type="radio"],input[type="text"] { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
html {font-size: 16px;-webkit-text-size-adjust: 100%;overflow:auto;}
body {
 overflow: hidden;
 min-width: 1000px;
 font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-weight:400;
 font-size: 14px;
 line-height: 2;
 color: #000000;
 margin:0 auto;
 position:relative;
 z-index:1;
 overflow-x:hidden;
 visibilty:hidden;
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased;
 }
main {position:relative;}body * {box-sizing: border-box;} 
.ja { font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3",  HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.en {font-family: 'Catamaran', sans-serif;font-weight: 800;}
.mem1 {margin-top: 1.5em;}
.mbm1 {margin-bottom: 1.5em;}
.txtc {text-align:center;}
*:focus { outline: none;}
ul {list-style: none; }
img {max-width:100%;}
strong {color: #f97804;font-weight: 900;}
.inner {max-width: 1000px;margin:0 auto;position: relative;}
.flex {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;}
.flex.wrap {flex-wrap:wrap;}
.clearfix:after { content: ""; display: block; clear: both; } .clearfix:before { content: ""; display: block; clear: both; } .clearfix { display: block; }
@media only screen and (max-width:1040px) {.inner {max-width:initial;width: 100%;}}
@media only screen and (max-width:1000px) {body { min-width: initial;}}
@media only screen and (max-width: 600px) {body {font-size: 3.6vw;font-weight: normal;}}

/*fv＝＝＝＝＝＝＝＝＝＝＝ */
.fv {height: 800px;position:relative;}
.fv .inner { display: table; height: 100%; max-width: 90%; width: 1200px;}
.fv .inner .txt {display: table-cell;vertical-align: middle;padding-left: 4%;}
.fv .inner .txt h1 .ja:after {margin:1.5em 0 1.2em .2em;content:"";display:block;width: 6em;height: 2px;background:#bababa;}
.fv .inner .txt h1 .en {line-height:1;font-size:500%;font-weight:700; }
.fv .inner .txt h1 .ja { color:#f7b428;font-size:140%;font-weight:900; }
.fv .inner .txt .txts {font-size:200%;font-weight:900;line-height: 1.4;}
.fv .inner .txt h2 img {width: 28em;margin-top:1.5em;margin-left:-4em;}
.fv .sliderfv {width:520px;height:520px;overflow:hidden;z-index:5;right:-60%;left:0;margin:auto;top:0;bottom:0;position:absolute;border-radius:50%;}
.fv .sliderfv li img {width:100%; height:100%; object-fit:cover;}
@media screen and (min-width: 1100px) {
.fv .inner .txt .txts br {display:none;}
}
@media screen and (max-width: 1100px) {
.fv .sliderfv {width:40vw; height:40vw; right:0;left:auto; }
.fv .inner { width:100%;}
}
@media screen and (max-width: 880px) {
.fv {height: auto;padding-top: 200px;padding-bottom: 80px;}
.fv .inner { display: block; max-width:initial; }
.fv .inner .txt {display:block;padding: 0 4% 0;z-index:3;position:relative;}
.fv .inner .txt h1 .en {line-height:1;font-size: 10.5vw;}
.fv .inner .txt h1 .ja {font-size: 16px;}
.fv .inner .txt .txts {font-size:40px; }
.fv .inner .txt h1:after {margin:.5em 0 .4em 0em;width: 3em;height: 3px;}
.fv .inner .txt h1 {font-size: 8.2vw;}
.fv .inner .txt h2 img {width:50%;margin-top: .4em;margin-left: 0;}
.fv .sliderfv {width: 90vw;height: 90vw;position: static;z-index: 0;margin-top: -12vw;}
}
@media screen and (max-width: 580px) {
.fv {padding-top: 25vw;padding-bottom: 11vw;}
.fv .inner .txt .txts {font-size: 160%;}
}
.fv .inner .txt h1 p.en,
.fv .inner .txt h1 p.ja,
.fv .inner .txt .txts,
.fv .inner .txt h2 { opacity:0; transition: ease-in-out .4s;}
.fv .inner .txt h1 p.ja {transition-delay: .2s;}
.fv .inner .txt .txts {transition-delay: .4s;}
.fv .inner .txt h2 {transition-delay: .6s;}
.fv.obs .inner .txt h1 p.en,
.fv.obs .inner .txt h1 p.ja,
.fv.obs .inner .txt .txts,
.fv.obs .inner .txt h2 {opacity:1;}


.btm { text-align:center; }
.btm p {margin: 0em auto;display:inline-block;background: #f7b428;-webkit-transition: ease-in-out .5s;transition: ease-in-out .5s;}
.btm p:hover { transform: scale(0.96);background: #f4e04d;}
.btm p a {font-size: 14px;letter-spacing: 6px;font-weight: 900;line-height:1;position:relative;padding: 1.8em 6em 1.4em;display: block;}
.btm p a:after { content:""; position:absolute; right: 1em; top: 0; margin:auto; bottom: -0.1em; width:100%;
 background:#000; height: .3em; width: .3em; border-radius:50%; }
.btm.white p {background: #FFF;}
.btm.white p:hover {background: #fdcc71;} 
br.sp {display:none;}
br.common {display:inline;}
@media screen and (max-width: 600px) {
br.sp {display:inline;}
br.common {display:inline;}
}
@media screen and (max-width: 400px) {
.btm p {display:block;}    
.btm p a {font-size: 14px; padding: 1.2em 0 1em; display:block; }
}
/*header-----------------------------------------------------------*/
header { -webkit-transition: ease-in-out .2s;transition: ease-in-out .2s; margin: 0; padding: 0; width: 100%; position: fixed; top: 0; font-weight: 800; z-index: 3000; -webkit-transition: all .2s cubic-bezier(.165,.84,.44,1); transition: all .2s cubic-bezier(.165,.84,.44,1); -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-timing-function: cubic-bezier(.165,.84,.44,1); }
header .pcmenu { -webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;}
header.fixed{background: #FFF;height: 90px;}

header .pcmenu .box1 { -webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;
width: 260px;height: 54px;position: absolute;z-index: 999;top: 20px;left: 2rem;}
header.fixed .pcmenu .box1 {top: 12px;}
header .pcmenu .box1 .logo {cursor:pointer;width: 100%;height: 100%;display: table;
-webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;}
header .pcmenu .box1 .logo img {width: 100%;height: 100%;vertical-align: middle;opacity: 0;display: none;}
header .pcmenu .box1 .logo a { width: 100%; display: block;
 height: 100%; vertical-align: middle; text-align: center; display: table-cell; }
header .pcmenu .box1 {background: url(../img/logo.svg) no-repeat center top;background-size: contain;}
div.boxsp { display:none;}
.ftb_btm {width: 12em;position:fixed;right:1rem;top: 22px;z-index: 3001;}
.ftb_btm .btm p {width: 100%;padding: 0;}
.ftb_btm .btm p a {font-size:18px;padding: 1em 1em .8em .8em;}
.ftb_btm .btm p a:after { right:1em;}
@media only screen and (min-width:1020px) {
header .pcmenu {display: flex;height: 96px;max-width: calc(100% - 14em);justify-content: space-between;align-items: center;}
header button {display:none;}
/*nav*/
header .pcmenu nav {width: calc(100% - 260px);margin-left: auto;margin-right: 1rem;}
header .pcmenu nav ul {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;
display: flex;align-items: center;justify-content: flex-end;}
header .pcmenu nav ul>li:nth-child(n+2) {margin-left: 1.5em;}
header .pcmenu nav ul>li:last-child { display:none;}
header .pcmenu nav ul>li p { position:relative;}
header .pcmenu nav ul>li p a{font-size: 16px;letter-spacing: 4px;}
header .pcmenu nav ul>li p {-webkit-transition: all  0.2s cubic-bezier(1, 0, 0, 1);transition: all  0.2s cubic-bezier(1, 0, 0, 1);-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);transition-timing-function: cubic-bezier(1, 0, 0, 1);}
header .pcmenu nav ul>li p:before { position: absolute; right: 0; bottom: 0px; margin: auto; width: 100%; height:3px; left: 0; z-index: -1;
 content: ''; background: #f7b428; transform-origin: right top;
 transform: scale(0, 1); transition: transform .2s; transition-timing-function: cubic-bezier(1, 0, 0, 1); }
header .pcmenu nav ul>li p:hover:before { transform-origin: left top; transform: scale(1, 1);}
header .pcmenu nav ul>li p:hover a {color:#f7b428; -webkit-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
}
@media only screen and (max-width: 1020px) {
.ftb_btm{opacity:0;pointer-events:none;}
header button {opacity:1; visibility:visible; pointer-events: auto;}
header button {display:block;position: fixed;top: 36px;right: 25px;width: 50px;height: 25px;z-index: 1000;border: 0;background: none;}
header button span{display: inline-block;transition: all .2s;box-sizing: border-box;position: absolute;right: 0;width: 100%;height: 3px;background-color: #000;z-index: 100;}
header button span:nth-child(1){top: 0;}
header button span:nth-child(2){top: 11px;}
header button span:nth-child(3){bottom: 0;}
header button:hover span{width: 70%;}
header button:hover span:nth-child(3){width: 90%;}
header.active button span {width: 80%;background: #FFF;}
header.active button span:nth-child(1),
header.active button:hover span:nth-child(1){transform: translateY(11px) rotate(45deg);width: 80%;}
header button:hover span:nth-child(1){width: 60%;}
header.active button span:nth-child(2){opacity: 0;}
header.active button span:nth-child(3),
header.active button:hover span:nth-child(3){transform: translateY(-10px) rotate(-45deg);width: 80%;}
header.active button :hover span{width: 100%;}
header .pcmenu nav {z-index: 1000;transition: all .5s;opacity: 0;width: 105vw;right: -5vw;height: 100vh;overflow-y:scroll;visibility: hidden;pointer-events: none;position: absolute;transform: translateX(100vw);text-align: center;}
header.active .pcmenu nav{opacity:1;visibility: visible;pointer-events:auto;overflow-x: hidden;transform: translateX(0);}
header .pcmenu nav:before {
 content:"";
 display:block;
 width: 100%;
 height: 100vh;
 background: url(../img/sp_menut.png) no-repeat top left,
 url(../img/sp_menub.png) no-repeat bottom center #f7b428;
 background-size:contain;
 position: fixed;
 z-index:-1;
 }
header .pcmenu nav ul {position:relative;z-index:2;padding: 96px 28px 100px 20px;height: 100vh;overflow: scroll;width: 100%;overflow-x: hidden;}
header .pcmenu nav ul>li {}
header .pcmenu nav ul>li:last-child {}
header .pcmenu nav ul a {font-size: 34px;padding: .2em 0;display: block;color: #FFF;}
header .pcmenu nav ul>li {-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in; transition: all .3s ease-in;opacity:0;-webkit-transform: translateX(-20px); transform: translateX(-20px);}
header.active .pcmenu nav ul>li {opacity:1;-webkit-transform: translateX(0px); transform: translateX(0px);transition-delay: .5s;}
header.active .pcmenu nav ul>li:nth-child(2) {transition-delay: .55s;}
header.active .pcmenu nav ul>li:nth-child(3) {transition-delay: .6s;}
header.active .pcmenu nav ul>li:nth-child(4) {transition-delay: .65s;}
header.active .pcmenu nav ul>li:nth-child(5) {transition-delay: .7s;}
header.active .pcmenu nav ul>li:nth-child(6) {transition-delay: .75s;}
header.active .pcmenu nav ul>li:nth-child(7) {transition-delay: .8s;}
header.active .pcmenu nav ul>li:nth-child(8) {transition-delay: .85s;}
header.active .pcmenu nav ul>li:nth-child(9) {transition-delay: .9s;}
header.active .pcmenu nav ul>li:nth-child(10) {transition-delay: 1s;}
}
@media only screen and (max-width:700px) {
header .pcmenu .box1 { width: 200px;height: 44px; top: 20px;left: 2rem;}
} 
@media only screen and (max-width:500px) {
header .pcmenu .box1 {-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
header {height: 60px;}
body.subpg header,
header.fixed{height: 60px;background: #FFF;}
header .pcmenu .box1 {width:150px;height: 51px;top:10px;left: 1rem;}
header button { top:22px;right: 1.5rem;width: 35px;height: 17px; }
header button span{height:3px;}
header button span:nth-child(2){top:0; bottom:0;margin:auto;}
header.active button span:nth-child(3),
header.active button:hover span:nth-child(3){transform: translateY(-3px) rotate(-45deg); }
.ftb_btm .btm { width:auto; }
.ftb_btm .btm p { width:auto; width:90%;}
.ftb_btm .btm p a { font-size:5.5vw;}
}
/* footer---------------- */
footer {color:#FFF;font-size: 14px;padding: 70px 0 30px;background: #000;position:relative;z-index:2;}
footer a {color:#FFF;-webkit-transition: ease-in-out .3s;transition: ease-in-out .3s;}
footer a:hover { opacity: .6;}
footer .inner>a {width: 225px;height: 50px;}
footer .inner>a img {width:100%; height:auto;}
footer .inner.flex {justify-content: space-between;max-width: initial;padding: 0 4%;}
footer .inner .child1.flex {max-width:calc(100% - 260px);}
footer .inner.flex li + li {margin-left:4em;}
footer .inner .child1.flex a {display:block;}
footer .inner .child1.flex a + a { margin-top:.4em;}
footer .inner.flex li .tt {font-size:160%; letter-spacing:2px;}
footer .inner .child2 .box:nth-child(1) { margin-right:4em;}
footer .copy {width:100%;border-top:1px solid #2f2f2f;text-align:center;
font-size: 12px;margin-top:45px; padding-top:30px;}

@media only screen and (max-width:880px) {
footer {color:#FFF;font-size:90%;padding: 70px 0 30px; }
footer .inner.flex { display:block;padding: 0 4%;}
footer .inner>a img,footer .inner>a {width: 225px;height: 50px; margin:0 auto 3em;display:block;}
footer .inner .child1.flex {max-width:initial; width:100%;}
footer .inner .child1.flex li {width:100%;}
footer .inner .child2.flex { display:block;}
}
@media only screen and (max-width:600px) {
footer .inner .child1.flex { display:block;}
footer .inner.flex li + li {margin-left:0; margin-top:2em;}
}


/*anime---------------------------------------------------------*/
.fadein.anime {-webkit-transition: ease-in-out .5s;transition: ease-in-out .5s;opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}
.fadein.anime.show { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}

/*about---------------- */
.about {padding: 140px 0 200px;position: relative;}
.about .backen {right: -25%;bottom: -.15em;color:#f5f5f5;opacity:1;}
.about .inner{ background:#f4f3ee;max-width:90%; width:1200px; padding:60px 60px 80px;}
.about .inner .txt {width:calc(100% - 520px);}
.about .inner .txt .title { font-size:140%; font-weight:800; margin:.5em 0 1em;}
.about .inner .img {position:absolute;width: 510px;height: 480px;right:45px;top: -30px;bottom:0;margin:auto;}
.about .inner .btm {margin-top:2em;text-align:left;}
.sixdegrees { width:100%; height:100%;position:relative;}
.sixdegrees li {position:absolute;width: 38%;height: 36%;}
.sixdegrees li img { width:100%;}
.sixdegrees li:nth-child(1) {top:8%;margin:auto;bottom:0; right:0;left:0; width:40%;height:40%; padding-top:10%;
background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20179.3%20206.3%22%20style%3D%22enable-background%3Anew%200%200%20179.3%20206.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2289.3%2C0%200%2C51.3%200%2C154.8%2089.5%2C206.3%20179.3%2C154.5%20179.3%2C51.5%20%22%2F%3E%3C%2Fsvg%3E) no-repeat center;
 background-size:contain;}
.sixdegrees li:nth-child(1) img { width:60%;margin:auto;display:block;}
.sixdegrees li:nth-child(2) {left: 13%;top: -3%;transition-delay: .5s;transform:translateX(-20px) translateY(-20px) scale(0.5);}
.sixdegrees li:nth-child(3) {right: 13%;top: -2%;transition-delay: .7s;transform:translateX(10px) translateY(-20px) scale(0.5);}
.sixdegrees li:nth-child(4) {left:-5%;top: 31.5%;transition-delay: .9s;transform:translateX(-50px) scale(0.5);}
.sixdegrees li:nth-child(5) {right: -6%;top: 29.5%;transition-delay: 1.1s; transform:translateX(50px) scale(0.5);}
.sixdegrees li:nth-child(6) {left: 13%;bottom: 2.5%;transition-delay: 1.3s;transform:translateX(-20px) translateY(20px) scale(0.5);}
.sixdegrees li:nth-child(7) {right: 13%;bottom: 1%;transition-delay: 1.5s; transform:translateX(20px) translateY(20px) scale(0.5);}

.sixdegrees li { opacity:0;-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
.show .sixdegrees li:nth-child(1),.show .sixdegrees li:nth-child(2),.show .sixdegrees li:nth-child(3),.show .sixdegrees li:nth-child(4),.show .sixdegrees li:nth-child(5),
.show .sixdegrees li:nth-child(6),.show .sixdegrees li:nth-child(7){transform: scale(1);opacity:1;}
.show .sixdegrees li:nth-child(1) { transform: scale(1); }


@media only screen and (max-width:1100px) {
.about .backen {right: -15vw; }
.about .inner{width:auto;max-width:initial;margin:0 4%;padding: 60px 4% 80px;}
.about .inner .txt {width: calc(100% - 46vw);}
.about .inner .img {width: 40vw;height: 40vw;right:4vw;}
.about .inner .txt br {display:none;}
.about .inner .txt br.common {display:inline;}
}
@media only screen and (max-width:960px) {
.about .inner .txt {width: auto;margin-bottom:4em;}
.about .inner .img {width: 80vw;height: 80vw; position:static;}
.about .inner .btm { text-align:center;}
.about .inner .txt .title {text-align:center;}
}
@media only screen and (max-width:760px) {
.about {padding: 16vw 0 16vw;}
.about .inner{padding: 10% 4% 10%;}
.about .backen { font-size:20vw;}
.about .inner .txt .title {text-align:center;font-size: 130%;line-height: 1.4;margin: 1em 0 1em;}
}
@media only screen and (max-width:600px) {
.about .inner .txt br.sp {display:inline;}
}

/*service---------------- */
.service { position: relative; z-index: 2;}
.menubox .menubox_wrap {width:50%;height:450px;overflow: hidden;position: relative;float: left;}
.menubox .menubox_wrap.photo { background:#82c814;}
.menubox .menubox_wrap.instaop { background:#3cc6e5;}
.menubox .menubox_wrap.autopr { background:#f34061;}
.menubox .menubox_wrap.snsbae { background:#f7b428;}
.menubox .menubox_wrap.snapla { background:#c252f4;}
.menubox_wrap.slide2box { height: 900px; }
.menubox_wrap.slide2box .midashi_1.cents {position:absolute;display:table; width:100%;z-index:100; height:100%;}
.menubox_wrap.slide2box .midashi_1.cents>* {display:table-cell; vertical-align:middle;}
.menubox_wrap.slide2box .img:before { content:none;}
.menubox_wrap.txtbox { background: #f7b428; }
.menubox_wrap img {object-fit:cover;width:100%;height: 100%;
-webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.menubox_wrap .img {width:100%;height:100%;position: relative;}
.menubox_wrap .img:before { content:""; display:block; width:100%; height: 70%; z-index:2; bottom: 0;
 position:absolute; background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 70%);
 background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 70%);
 background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 70%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
 -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.menubox_wrap a:hover .img:before {opacity:0;}
.menubox_wrap a:hover .img img { -moz-transform: scale(1.05); opacity:.5;
 -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}

.menubox_wrap .txt { -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;position:absolute;z-index:2;bottom:30px;padding: 0 6% 0;}
.menubox_wrap .txt > * {-webkit-transition:none; transition:none;}
.menubox .menubox_wrap.txtbox {display:table;}
.menubox .menubox_wrap.txtbox .txt { display:table-cell;position:static; vertical-align:middle;}
.menubox_wrap .txt .title { font-size:240%; font-weight:800; line-height: 1.4;
 -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.cgreen {color:#82c814;}
.cpink {color:#f34061;}
.cblue {color:#3cc6e5;}
.cporple {color:#c252f4;}
.corange {color:#f7b428; }
.menubox_wrap a:hover .txt,
.menubox_wrap a:hover .txt .title { color:#FFF;}

@media only screen and (max-width:800px) {
.menubox .menubox_wrap {width:100%;height:30em; float: none;}
.menubox br {display:none;}
.menubox .menubox_wrap.txtbox { height:auto;padding:8% 0;}
.menubox_wrap .txt .title {font-size:200%; color:#FFF; }
.menubox_wrap .txt > * { color:#FFF; }
.menubox_wrap .img:before {content:none;}
 .menubox_wrap a .img img { opacity:.5;}
}


/*works---------------- */
.works {padding: 200px 0 140px;position:relative;}
.works:after {content:"";display:block;width:46%;z-index: 1;height:100%;position:absolute;left:0;background:#f4f3ee;top:0;z-index:-3;}
.works .backen {right:-25%;top: 0.6em;opacity: 1;color: #f5f5f5;}
.works .slick-track{padding: 75px 0 45px;}
.works .slider1:before {pointer-events:none;content:"";display:block;width:180px;z-index: 1;height: 100%;top: 70px;position:absolute;right:0;background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}
.works .slider1 .slick-slide{background:#FFF; width:320px;margin:0 15px;
box-shadow: rgba(50, 50, 93, 0.1) 0px 13px 27px -5px;}
.works .slider1 .slick-slide .img {width:100%; height:220px;}
.works .slider1 .slick-slide img {width:100%; height:100%; object-fit:cover;}
.works .slider1 .slick-slide .txt {padding:20px;}
.works .slider1 .slick-slide .title { font-size:130%; font-weight:700; margin-bottom:.6em;}

@media only screen and (max-width:800px) {
.works {padding: 30% 0 20%; }    
.works:after { width:100%;}
.works .midashi_1 { display:block; text-align:center;}
.works .midashi_1 .en { display:block; text-align:center; padding-right:0;}
.works .slider1:before {content:none;}
.works .backen {right:.05em;top:auto;bottom:0; font-size:28vw; text-align:center;}
.works .slick-track{padding: 20% 0 0;}
}
@media only screen and (max-width:500px) {
.works .slider1 .slick-slide{ width:80vw;margin:0 5px; }
.works .slider1 .slick-slide .txt {padding:4% 6% 6%;}
}

/* medialist---------------- */
.media {padding: 180px 0 200px;}
.media.scnd {z-index:-3;position:relative;}
.media.scnd.scndin {padding:0 0 160px;z-index:2;}
.media.scnd.scndin .inner { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding:120px 60px 60px; z-index:3;}
.media.scnd.scndin .inner:before {content:"";display:block;width:100% ;height:100%; position:absolute;background:#FFF;
z-index:-1;left:0;top:0; opacity:.8;} 
.medialist { justify-content:center; width:90%;margin:0 auto;}
.medialist li { width:calc(100% / 5);padding-right:2%;margin-top:45px;}
.medialist li:nth-child(5n) {padding-right:0;}
.medialist li img {width:100%;}

@media only screen and (max-width:780px) {
.media.scnd.scndin { padding: 0px 0 120px;}
.media.scnd.scndin .inner { padding:15% 0 6%; }
}
@media only screen and (max-width:600px) {
.media { padding: 26% 0% 30%;}    
.medialist {margin-top:2em;}    
.medialist li,.medialist li:nth-child(5n) { width:calc(100% / 3.2);padding-right:2%; margin-top:1.5em;}
.medialist li:nth-child(3n) {padding-right:0;}
}


/* news---------------- */
.newsarea {background:#f4f3ee;padding: 80px 4% 100px;position:relative;z-index:-3;}
.newslist { margin:2em 0 3em;}
.newslist li+li{ margin-top:1em;} 
.newslist li a {}
.newslist li time {width: 10.5em;text-align:center;margin-right:1em;background:#FFF;padding:.2em 1.5em .3em;}
.newslist li p {width:calc(100% - 9em);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsarea svg.p-contact__triangle {fill: #f4f3ee;transform: scale(1, -1);}

.newslist.ctgrys li time{background: #f7b428;}
.newslist.ctgrys li .ctgry{width:auto;color:#f7b428;border:1px solid #f7b428;padding:.2em 1.5em .3em;text-align:center;}
.newslist.ctgrys li .tts {font-size:160%; font-weight:800; transition: ease-in-out .4s;}
.newslist.ctgrys li .tts:hover {color:#f7b428;}
.newslist.ctgrys li {border-bottom:1px solid #ccc;padding-bottom:1.5em; margin-bottom:1.5em;}
.newslist.ctgrys li:last-child {border-bottom:none;padding-bottom:0; margin-bottom:0;}

@media only screen and (max-width:760px) {
.newsarea {padding: 26% 4% 30%;}
.newsarea.scnd {padding:4% 4% 30%;}
.newslist li time {width:7em; padding:.2em .5em .3em;}
.newslist li p {width:calc(100% - 9em); }
}
@media only screen and (max-width:550px) {
.newslist li {align-items: flex-start;}    
.newslist li time {width:7em; font-size:80%;}
.newslist li p {width: calc(100% - 7em);white-space: normal;}
}

/* contact---------------- */
.contact {position:relative;background: #f7b428;text-align:center;padding: 80px 4% 160px;color: #FFF;z-index: 0;}
.contact .txt1 {margin-bottom: 2em;}
.contact img {margin:.5em auto;}
.contact .txt1 br.sp { display:none;}
.contact .txt2 {font-size: 12px;max-width: 750px;margin: 2em auto 0;text-align: left;}
.contact .backen {color: #f8bc4d;left: 0;right: 0;mix-blend-mode: normal;opacity: 1;bottom: -70px;}
.backen {font-size:240px;line-height: 1;bottom:-20px;position:absolute;text-align:center;width:100%;opacity:.1;z-index: -1;mix-blend-mode: multiply;}

svg.p-contact__triangle {width: 100%;height: 90px;position:absolute;left:0;right: 0;top: -90px;}
.contact svg.p-contact__triangle {transform: scale(-1, -1);fill: #f7b428;}

@media only screen and (max-width:760px) {
.contact { padding: 14% 4% 24%;}
.backen { font-size:20vw;}
.contact .backen { bottom: -.3em;}
svg.p-contact__triangle { height: 40px; top: -40px;}
}

.midashi_center {font-weight:900;text-align:center;letter-spacing:4px;margin-bottom:.2em;font-size:80px;line-height:1;}
.ye { color:#f7b428;}
.midashi_center .ye { color:#ffdd6c;}

.midashi_1 { font-size:80px;line-height:1;}
.midashi_1 .en {display:inline-block;vertical-align:middle;padding-right:.2em;font-weight: 600;line-height: 0;text-transform: uppercase;}
.midashi_1 .ja { font-size:18px; display:inline-block; vertical-align:middle; font-weight:900;}
.midashi_1.cents {text-align:center;}
.midashi_1.cents .en {display:block; padding-right:0; }
.midashi_1.cents .ja {display:block;margin-top: 2.5em;}

.about .midashi_1 .en {display:block;padding-right:0;max-width:360px;}
.about .midashi_1 .ja { display:block; margin:.5em 0 .5em; font-size:40px;}
@media only screen and (max-width:960px) {
.about .midashi_1 .en { margin:auto; }
.about .midashi_1 .ja { text-align:center;}
}
@media only screen and (max-width:600px) {
.midashi_1 {font-size:100%;text-align: center;}
.midashi_1 .en {font-size:14vw;padding-right: 0;margin-bottom: .5em;}
.midashi_1 .ja {font-size:100%;display: block;}
.about .midashi_1 .ja {font-size:170%;}
.midashi_center { font-size:14vw;}

}


/* colfulbox---------------- */
.colfulbox { width:100%; height:100%;}
.colfulbox .box { z-index:-1;position:absolute; width:255px; height:255px; border-radius:50%;mix-blend-mode: multiply;}
.colfulbox .orange { background:#f7b428;}
.colfulbox .blue { background:#95eafd;}
.colfulbox .pink { background:#fd879d;}
.colfulbox .green { background:#b3f44d;}
.colfulbox .purple { background:#df98ff;}
.colfulbox .yellow { background:#f4e04d;}

.slider_fw {position: relative;overflow: hidden;width: 100%;height: 100%;}
.slider_fw .slide_item {width: 100%;height: 100%; opacity: 0; transform: scale(1); transition: opacity 2s linear, transform 7.5s linear; position: relative;}
.slider_fw .slide_item:not(:first-child) { position: absolute; top: 0; left: 0;}
.slider_fw .slide_item.show_ { opacity: 1;}
.slider_fw .slide_item.zoom_ { transform: scale(1.1);}
.slider_fw .slide_item img { display: block;}

.sliderfv{animation: fuwa 6.5s ease-in-out infinite alternate;}
@keyframes fuwa { 0% { transform: translateY(0px); } 100% { transform: translateY(30px); }}
@keyframes fuwa2 { 0% { transform: translateY(0px); } 100% { transform: translateY(100px); }}
.fv .inner .colfulbox {}

.colfulbox .box {  transition-delay:.7s;opacity:0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.colfulbox.show .box { opacity:1;}
.colfulbox.box1 { transition-delay:.5s;}
.colfulbox .box3 { transition-delay:.5s;}
.colfulbox .box5 { transition-delay:.3s;}
.colfulbox .box6 { transition-delay:.5s;}
.colfulbox .box8 { transition-delay:.5s;}
.colfulbox .box9 { transition-delay:.3s;}

.fv .colfulbox .box { opacity:0;}
.fv.obs .colfulbox .box { opacity:1;}

.fv .inner .colfulbox .box1 {width:294px; height:294px;left:-260px;top:90px;
animation: fuwa2 10s ease-in-out infinite alternate;}
.fv .inner .colfulbox .box2 {width:400px;height:400px;right:-160px;bottom: -30px;
animation: fuwa 5.5s ease-in-out infinite alternate;}
.fv .inner .colfulbox .box3 {width:90px; height:90px;left:140px;top:18%;
animation: fuwa 5.5s ease-in-out infinite alternate;}
.fv .inner .colfulbox .box4 {width:600px;height:600px;right:-230px;top: -310px;
animation: fuwa 15.5s ease-in-out infinite alternate;}
.fv .inner .colfulbox .box5 {width:90px;height:90px;right:190px;bottom: 20px;
animation: fuwa 2.5s ease-in-out infinite alternate;}
.fv .inner .colfulbox .box6 {width:280px;height:280px;left:-100px;bottom: -2%;
animation: fuwa 10.5s ease-in-out infinite alternate;}
.fv .inner .colfulbox .box7 {width:70px;height:70px;left:320px;top:6%;animation: fuwa2 30s ease-in-out infinite alternate;}
.fv .inner .colfulbox .box8 {width:180px;height:180px;right:-170px;bottom:0px;top:0;margin:auto;
animation: fuwa 10s ease-in-out infinite alternate;}
.fv .inner .colfulbox .box9 {width:180px; height:180px;left:420px;top:-2%;
animation: fuwa 20s ease-in-out infinite alternate;}
.fv .inner .colfulbox .box10 {width:140px;height:140px;left:440px;bottom:80px;animation: fuwa2 30s ease-in-out infinite alternate;}
.fv .inner .colfulbox .box11 {width:270px; height:270px;left:520px;bottom:100px;
animation: fuwa 14s ease-in-out infinite alternate;}

@media screen and (max-width: 880px) {
.fv .inner .colfulbox .box1 {background:#f4e04d;width:18.75vw;height:18.75vw;left:-7vw;top:auto;bottom: 64vw;}
.fv .inner .colfulbox .box2 {width: 70vw;height: 70vw;right: -30vw;bottom: -30vw;}
.fv .inner .colfulbox .box3 {width: 10vw;height: 10vw;right: auto;left: 12vw;top: -17vw;}
.fv .inner .colfulbox .box4 {width:96vw;height:96vw;right:-60vw;top: -55vw;}
.fv .inner .colfulbox .box5 {display:none;}
.fv .inner .colfulbox .box6 {width: 50vw;height: 50vw;left: -12vw;bottom: 4vw;}
.fv .inner .colfulbox .box7 {width: 18vw;height: 18vw;left: 50vw;top: -24vw;}
.fv .inner .colfulbox .box8 {background: #df98ff;width: 25vw;height: 25vw;right: -6vw;bottom: 28vw;top: auto;}
.fv .inner .colfulbox .box9 {width: 28vw;height: 28vw;left: auto;right: 5vw;top: 16vw;}
.fv .inner .colfulbox .box10 {width: 14vw;height: 14vw;left: 4vw;bottom: -4vw;}
.fv .inner .colfulbox .box11 {width: 8vw;height: 8vw;left: auto;bottom: auto;top: 56vw;right: 3vw;}
@keyframes fuwa { 0% { transform: translateY(0px); } 100% { transform: translateY(30px); }}
@keyframes fuwa2 { 0% { transform: translateY(0px); } 100% { transform: translateY(30px); }}
}


.about .colfulbox {position:absolute;top: 0;z-index: 0;pointer-events: none;mix-blend-mode: multiply;}

.about .colfulbox .box1 {width:110px; height:110px;left:0;right:-1150px;margin:auto;top:230px;
animation: fuwa 15.5s ease-in-out infinite alternate;}
.about .colfulbox .box2 {width:140px;height:140px;left: -1270px;right:0;margin:auto;bottom:270px;animation: fuwa 5.5s ease-in-out infinite alternate;}
.about .colfulbox .box3 {width:300px;height:300px;left: -1300px;right:0;margin:auto;bottom:50px;opacity: .5;animation: fuwa 15.5s ease-in-out infinite alternate;}
.about .colfulbox .box4 {width:60px; height:60px;left:-400px;right:0;margin:auto;bottom:330px;
animation: fuwa 5.5s ease-in-out infinite alternate;}
.about .colfulbox .box5 {width:60px;height:60px;left:0;opacity: .5;right:-1280px;margin:auto;bottom:350px;
animation: fuwa 5.5s ease-in-out infinite alternate;}
.about .colfulbox .box6 {width:120px; height:120px;left:0;right:-1180px;margin:auto;bottom:270px;
animation: fuwa 15.5s ease-in-out infinite alternate;}

@media screen and (max-width: 880px) {
.about .colfulbox {display:none;}
}

.works .colfulbox {margin:auto;position:absolute;top: 0;right: 0;left: 0;z-index:1;pointer-events: none;mix-blend-mode: multiply;}
.works .colfulbox .box1 {width:60px;height:60px;right: 70px;top:260px;animation: fuwa2 5.5s ease-in-out infinite alternate;}
.works .colfulbox .box2 {width:140px;height:140px;right: -40px;top:280px;animation: fuwa 15.5s ease-in-out infinite alternate;}
.works .colfulbox .box3 {width:260px;height:260px;right: -240px;top:120px; opacity:.5;
animation: fuwa 5.5s ease-in-out infinite alternate;}
.works .colfulbox .box4 {width:100px;height:100px;right: -140px;bottom:100px;
animation: fuwa 5.5s ease-in-out infinite alternate; }
@media screen and (max-width: 880px) {
.works .colfulbox .box1 {width:10vw;height:10vw;right:10vw;top:34vw; }
.works .colfulbox .box2 {width:20vw;height:20vw;right:auto; left:-4vw;top:10vw; }
.works .colfulbox .box3 {width:40vw;height:40vw;right: -20vw;top:2vw; }
.works .colfulbox .box4 {width:15vw;height:15vw;right:auto; left:4vw;bottom:10vw; }
}


.media .colfulbox {width:100%;height:100%;position:absolute;top: 0;right: 0;left: 0; pointer-events: none;mix-blend-mode: multiply;}
.media .colfulbox .box1 {width:290px;height:290px;right:-140px;top:-270px; opacity:.5;
animation: fuwa 5.5s ease-in-out infinite alternate;}
.media .colfulbox .box2 {width:120px;height:120px;right:-100px;top:-40px;
animation: fuwa 5.5s ease-in-out infinite alternate; }
.media .colfulbox .box3 {width:60px;height:60px;right:0;top:0px;animation: fuwa 15.5s ease-in-out infinite alternate;}
.media .colfulbox .box4 {width:130px;height:130px;left:0;top:-100px;animation: fuwa 15.5s ease-in-out infinite alternate;}
.media .colfulbox .box5 {width:60px;height:60px;left:-20px;top:-10px; animation: fuwa 5.5s ease-in-out infinite alternate;}
.media .colfulbox .box6 {width:60px;height:60px;left:-90px;bottom:40px; opacity:.5;animation: fuwa 5.5s ease-in-out infinite alternate;}
.media .colfulbox .box7 {width:280px;height:280px;left:-190px;bottom:-280px; opacity:.5;animation: fuwa 5.5s ease-in-out infinite alternate;}
.media .colfulbox .box8 {width:50px;height:50px;right:-140px;top:0;margin:auto;bottom:-20px;opacity:.5;animation: fuwa 15.5s ease-in-out infinite alternate;}
.media .colfulbox .box9 {width:280px;height:280px;right:-290px;bottom:-250px;opacity:.5;animation: fuwa 15.5s ease-in-out infinite alternate;}
.media .colfulbox .box10 {width:50px;height:50px;right:-60px; bottom:-240px;animation: fuwa 5.5s ease-in-out infinite alternate; }
@media screen and (max-width: 880px) {
.media .colfulbox .box1 {width:40vw;height:40vw;right:-10vw;top:-50vw; }
.media .colfulbox .box2 {width:18vw;height:18vw;right:-8vw;top:-20vw; }
.media .colfulbox .box3 {width:8vw;height:8vw;right:10vw;top:0px; }
.media .colfulbox .box4 {width:18vw;height:18vw;left:4vw;top:-20vw; }
.media .colfulbox .box5 {width:8vw;height:8vw;left:-2vw;top:0vw; }
.media .colfulbox .box6 {width: 45vw;height: 45vw;left: -20vw;bottom: -40vw;}
.media .colfulbox .box7 {width:20vw;height:20vw;left:auto; right:10vw;bottom:-45vw; }
.media .colfulbox .box8 {width:24vw;height:24vw;right:-8vw;top:auto;margin:auto;bottom:-36vw; }
.media .colfulbox .box9 {width:10vw;height:10vw;right:44vw;bottom:-20vw; }
.media .colfulbox .box10 {width:50px;height:50px;right:-60px; bottom:-240px; }
}
.newsarea .colfulbox {width:100%;height:100%;position:absolute;top: 0;right: 0;left: 0;z-index: -1;pointer-events: none;mix-blend-mode: multiply;}
.newsarea .colfulbox .box1 {width:420px;height:420px;left: -280px;bottom:-360px;  background:#d3f49d;animation: fuwa 5.5s ease-in-out infinite alternate;}
.newsarea .colfulbox .box2 {width:160px;height:160px;right: -200px;bottom:0px; opacity:.5;animation: fuwa 5.5s ease-in-out infinite alternate;}
.newsarea .colfulbox .box3 {width:280px;height:280px;right: -200px;bottom:-220px;opacity:.5;animation: fuwa 15.5s ease-in-out infinite alternate;}

@media screen and (max-width: 880px) {
.newsarea .colfulbox .box1 {width:30vw;height:30vw;left: -10vw;bottom:-14vw; }
.newsarea .colfulbox .box2 {width:50vw;height:50vw;right:-20vw;bottom:-40vw; }
.newsarea .colfulbox .box3 {width:10vw;height:10vw;right: 26vw;bottom:-20vw; }
}


.fv_second {position: relative;z-index: 1;}
.fv_second .inner {padding: 140px 0 140px;}
.fv_second .midashi_1 {font-size: 210%;text-align:left;}
.fv_second .midashi_1 .en {display:block;line-height:1.2;padding: 0 0 0 .2em;margin: 0;}
.fv_second .midashi_1 .ja {font-size: 50px;display:block;line-height: 1.4;}
.fv_second .colfulbox { position:absolute;top:0;left:0;}
.fv_second .backen {bottom:0;top:0;left: 1.1em;line-height: 1em;height: .8em;margin: auto;color: #f5f5f5;white-space: nowrap;text-transform: uppercase;opacity: 1;}
.fv_second .colfulbox .box1 {width:294px;height:294px;left: -260px;bottom: -40px;animation: fuwa 5.5s ease-in-out infinite alternate;}
.fv_second .colfulbox .box2 {width: 460px;height: 460px;right: -200px;top: -230px;
animation: fuwa 8.5s ease-in-out infinite alternate;}
.fv_second .colfulbox .box3 {width: 120px;height: 120px;left: 0;bottom: -10px;animation: fuwa 9.5s ease-in-out infinite alternate;}
.fv_second .colfulbox .box4 {width: 60px;height: 60px;right: 0;left: -38%;margin: auto;top: 40px;
animation: fuwa 10.5s ease-in-out infinite alternate;}
.fv_second .colfulbox .box5 {width: 170px;height: 170px;top: -20px;right: 0;left: -8%;margin: auto;
animation: fuwa 6s ease-in-out infinite alternate;}
.fv_second .colfulbox .box6 {width: 120px;height: 120px;right: 0px;left: 0;margin: auto;bottom: -20px;animation: fuwa 15.5s ease-in-out infinite alternate;}
.fv_second .colfulbox .box7 {width: 170px;height: 170px;left: 0;right: -40%;bottom: 6%;margin: auto;
animation: fuwa 15.5s ease-in-out infinite alternate;}
.fv_second .colfulbox .box8 {width: 320px;height: 320px; right:-30%;bottom:-10%; 
animation: fuwa 6.5s ease-in-out infinite alternate;}

@media screen and (max-width: 1080px) {
.fv_second .inner {padding: 180px 4% 140px;}
.fv_second .backen {font-size: 200px;}
}

@media screen and (max-width: 880px) {
.fv_second {z-index:-5;}
.fv_second .inner {padding: 28vw 4% 25vw;}
.fv_second .backen {font-size:20vw;bottom: 2vw;top:auto;}
.fv_second .midashi_1 {font-size: 5vw;}
.fv_second .midashi_1 .ja {font-size: 7vw;}
.fv_second .colfulbox .box1 {width:40vw;height:40vw;left:-10vw;bottom: -24vw; opacity:.5;}
.fv_second .colfulbox .box2 {width:60vw;height:60vw;right: -20vw;top: -40vw; }
.fv_second .colfulbox .box3 {width: 12vw;height:12vw;left:-4vw; bottom:10vw; }
.fv_second .colfulbox .box4 {width:10vw;height:10vw; left:-70vw; top:12vw; }
.fv_second .colfulbox .box5 {width:25vw;height:25vw;top:-1vw;right: -10vw;left:0; }
.fv_second .colfulbox .box6 {width: 22vw;height: 22vw;left: -10vw;bottom: 6vw;}
.fv_second .colfulbox .box7 {width:20vw;height:20vw; right: -80vw;bottom:20vw; }
.fv_second .colfulbox .box8 {width:45vw;height: 45vw; right:-10vw;bottom:-20vw; }
}
@media screen and (max-width: 600px) {
.fv_second .midashi_1 .en {font-size: 130%;}
}

.servicetop {background: #f7b428;overflow:hidden;position: relative;z-index: 2;}
.servicetop .imgbg {height:400px; overflow:hidden; opacity:0; -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);
-webkit-transition: ease-in-out .5s;transition: ease-in-out .5s;}
.servicetop .imgbg.show { -moz-transform: scale(1.05); opacity:1;
 -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
.servicetop .imgbg img {width:100%;height: 100%;object-fit:cover;}
.servicetop .inner {padding:80px 0;color: #FFF;justify-content: space-around;}
.servicetop .inner .tt {width:300px;font-size: 35px;font-weight: 900;line-height: 1.4;}
.servicetop .inner .txt {width: calc(100% - 360px);}

.serviceBox {padding:45px 0 180px;}
.Flexbox { margin-top:45px;justify-content:space-around; align-items:center;}
.Flexbox.reverse { flex-direction:row-reverse;}
.Flexbox dt { width:50%;position:relative;}
.Flexbox dt .title {font-size:200%;font-weight:900;margin-bottom: 1em;line-height: 1.4;}
.Flexbox dt .link { margin-top:1.5em; font-size:150%; text-transform: uppercase; font-weight:900; }
.Flexbox dt .link .next__svg { transition: ease-in .2s;}
.Flexbox dt>a { display:block;}
.Flexbox a:hover .link .next__svg { opacity:.8;padding-left:10px;}
.Flexbox .link .next__svg {color:#343434;}
.Flexbox dt .btm  {margin-top:3em;}
.Flexbox dt .number {right:0;height:1em;margin:auto;top:0;bottom:0; z-index:-1;position:absolute;
 line-height:1; font-size:280px; opacity:.2; font-weight:600;font-family: 'Catamaran', sans-serif;}
.Flexbox dd { width:44%;position:relative;line-height:1;} 
.Flexbox dd:before { content:"";display:block;width:100%; height:100%; background:#f4f3ee;position:absolute;
left:-15px;bottom:-15px;z-index:-2;}
.Flexbox dd .box .js-modal-btn{position:relative;display: block;border:none;padding:0;margin:0;background:none;pointer-events: auto;}
.Flexbox dd .box .js-modal-btn:before {content:"";display:block;width:100px; height:100px; position:absolute;
left:0;margin:auto;right:0;top:0;bottom:0; background:url(../img/service/movie.svg) no-repeat center; background-size:contain;
 pointer-events:none;}
.box_cut {margin:60px 0; background:#f4f3ee;padding:10px 45px;position:relative;}
.box_cut .Flexbox {margin-top:0;}
.box_cut:before,.box_cut:after{ width: calc(100% - 20px); height: 0; display: block; position: absolute; left: 0; content: ""; }
.box_cut:before{ border-bottom: solid 20px #f4f3ee; border-left: solid 20px transparent; bottom: 100%; }
.box_cut:after{ border-top: solid 20px #f4f3ee; border-right: solid 20px transparent; top: 100%; }

@media screen and (max-width: 880px) {
.servicetop .imgbg {height:45vw; max-height:400px;}
.servicetop .inner {padding:6% 4%; display:block; }
.servicetop .inner .tt {width:100%;font-size:200%; }
.servicetop .inner .txt {width:100%;margin-top:1em;}.servicetop .inner .txt br {display:none;}
.serviceBox {padding: 60px 4% 30vw;}
.Flexbox { display:block;}
.Flexbox + .Flexbox {margin-top:5em;}
.Flexbox dt { width:100%; padding:0 4% 2em;}
.Flexbox dt br {display:none;}
.Flexbox dt .title { margin-bottom: .5em;}
.Flexbox dd { width:100%; } 
.Flexbox dd img {width:100%;}
.Flexbox dt .number { font-size:40vw;top:auto;bottom:0; }
.box_cut {margin:60px auto; padding:0 4%; }
.box_cut .Flexbox dt .title { font-size:160%;}
}
@media screen and (max-width: 580px) {
.serviceBox {padding-top:0;}
}

.Flexbox.green .title,
.Flexbox.green .number { color:#96e31e;}
.Flexbox.green a:hover .link .next__svg { color:#96e31e;}
.Flexbox.green .link .next__svg {background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%2396e31e%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%2396e31e%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7B%20fill%3A%2396e31e%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E')
no-repeat center right;background-size:1.1em;padding-right:1.6em;}

.Flexbox.blue .title,
.Flexbox.blue .number { color:#4dcdea;}
.Flexbox.blue a:hover .link .next__svg { color:#4dcdea;}
.Flexbox.blue .link .next__svg {background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%2347d1f0%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%2347d1f0%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7B%20fill%3A%2347d1f0%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E')
no-repeat center right;background-size:1.1em;padding-right:1.6em;}

.Flexbox.pink .title,
.Flexbox.pink .number { color:#fd879d;}
.Flexbox.pink a:hover .link .next__svg { color:#fd879d;}
.Flexbox.pink .link .next__svg {background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%23fd879d%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%23fd879d%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7B%20fill%3A%23fd879d%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E')
no-repeat center right;background-size:1.1em;padding-right:1.6em;}

.Flexbox.orange .title,
.Flexbox.orange .number { color:#f7b428;}
.Flexbox.orange a:hover .link .next__svg { color:#f7b428;}
.Flexbox.orange .link .next__svg {background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%23f7b428%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%23f7b428%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7B%20fill%3A%23f7b428%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E')
no-repeat center right;background-size:1.1em;padding-right:1.6em;}

.Flexbox.purple .title,
.Flexbox.purple .number { color:#c868f3;}
.Flexbox.purple a:hover .link .next__svg { color:#c868f3;}
.Flexbox.purple .link .next__svg {background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%23c868f3%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%23c868f3%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7B%20fill%3A%23c868f3%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E')
no-repeat center right;background-size:1.1em;padding-right:1.6em;}


.snd_box .inner{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding:60px; z-index:3;}
.snd_box .inner:before {content:"";display:block;width:100% ;height:100%; position:absolute;background:#FFF;
z-index:-1;left:0;top:0; opacity:.8;}
.cmpny_tbl { padding-bottom:300px; background:url(../img/company/conpany_bg.jpg) no-repeat bottom center;
background-size:contain;}
.tbl { border-bottom:1px solid #c1c1c1; display:flex;justify-content: space-between;padding-bottom:1.5em;margin-bottom:1.5em; }
.tbl dt {width:12em;font-weight:900; text-align:center;}
.tbl dd {width:calc(100% - 12em);}
.tbl + .btm { margin-top:3em;}

@media only screen and (max-width:1040px) {
.snd_box .inner{ padding:4%; }
.cmpny_tbl { padding-bottom:40vw; }
.tbl dt {width:6em; }
.tbl dd {width:calc(100% - 6em);}
.tbl { padding-bottom:1em;margin-bottom:1em; }
}


.svce_listBox {padding:120px 0;}
.svce_listBox .midashi_1 .ja { display:block;margin-top:1em;}
.C__linkbox {flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin-top: 60px;}
.C__linkbox li {width:29%;position: relative;margin-bottom: 20px;}
.C__linkbox li * {-webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
.C__linkbox li:nth-child(2),.C__linkbox li:nth-child(5),.C__linkbox li:nth-child(8),.C__linkbox li:nth-child(11) {margin-top:30px;}
.C__linkbox li:nth-child(3),.C__linkbox li:nth-child(6),.C__linkbox li:nth-child(9),.C__linkbox li:nth-child(12) {margin-top:60px;}
.C__linkbox li .imgbox {box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;position: relative;width: 94%;height: 460px;overflow: hidden;}
.C__linkbox li .imgbox .en {transform: rotate(90deg);transform-origin: 0 0;width: 120%;left: 1.1em;height: 1em;top: .2em;font-size: 280%;line-height: 1;position: absolute;z-index: 3;}
.C__linkbox li .imgbox img {position:absolute; width:100% ;height:100%; top:0; left:0; object-fit:cover; z-index:-1;}
.C__linkbox li .imgbox .txt { padding:12%;position:absolute; width:100% ;height:100%; top:0; left:0;z-index:2;transform: scale(0.8,0.8); opacity:0;}
.C__linkbox li a:hover .imgbox .txt { opacity:1;}
.C__linkbox li a:hover .imgbox .txt {transform: scale(1,1); color:#FFF; font-weight:600;}
.C__linkbox li .imgbox .txt:before {-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;content:"";display:block;width:100%; height:100%; position:absolute;
 right:0;left:0;margin:auto;top:0;bottom:0;z-index:-1; opacity:.8;}
.C__linkbox li .title {position:absolute;width:100%;left:6%;bottom:-6%;z-index:3;padding: 10% 6%;color: #FFF;font-weight: 900;}
.C__linkbox li .title .name { font-size:140%; font-weight:900; line-height:1.2;margin-bottom:.5em;}
.C__linkbox li .title:before {-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;content:"";display:block;width:100%;height:100%;position:absolute;background:#FFF;right:0;left:0;margin:auto;top:0;bottom:0;z-index: -1;opacity:.8;}
.C__linkbox li a:hover .title:before { opacity:1;}
.C__linkbox li .title:after {-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;position:absolute;width: 2em;height: 2em;content:"";display:block;
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7Bfill%3A%23fff%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E') no-repeat center right;background-size: 2em;right: 15px;bottom: 0;top: 0;margin: auto;}
.C__linkbox li a:hover .title:after {right:20px;}
.C__linkbox li a:hover .imgbox .en { opacity:.3;}

@media only screen and (max-width:960px) {
.svce_listBox .midashi_1 { padding:0 4%;}
.C__linkbox {padding:0 4%;}
.C__linkbox li {width:45%;margin-bottom:3em;}
.C__linkbox li:nth-child(2),.C__linkbox li:nth-child(5),.C__linkbox li:nth-child(8),.C__linkbox li:nth-child(11) {margin-top:0;}
.C__linkbox li:nth-child(3),.C__linkbox li:nth-child(6),.C__linkbox li:nth-child(9),.C__linkbox li:nth-child(12) {margin-top:0;}
.C__linkbox li:nth-child(2n) { margin-top:3em;}
}
@media only screen and (max-width:800px) {
.svce_listBox {padding:80px 0 80px;}
.C__linkbox li {width:90%; margin:0 auto 5em;}
.C__linkbox li .imgbox {height:360px; width:100%;}
.C__linkbox li:nth-child(2n) { margin-top:0em;}
.C__linkbox li .title .name { font-size:190%;}
}



.C__linkbox li:nth-child(1) .imgbox .en { -webkit-text-stroke: 1px #96e31e; text-stroke: 1px #96e31e; color: transparent;}
.C__linkbox li:nth-child(1) a:hover .imgbox .en { color:#FFF;text-stroke: 0;-webkit-text-stroke:0;}
.C__linkbox li:nth-child(1) a:hover .imgbox .txt:before { background:#96e31e;}
.C__linkbox li:nth-child(1) .title:before { background:#96e31e;}
.C__linkbox li:nth-child(1) a:hover .title { color:#96e31e;}
.C__linkbox li:nth-child(1) a:hover .title:before  {background:#fff;}
.C__linkbox li:nth-child(1) a:hover .title:after  {background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%2396e31e%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%2396e31e%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7B%20fill%3A%2396e31e%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E')
no-repeat center right;background-size:2em;}
.C__linkbox li a:hover .imgbox .en { opacity:.3;}

.C__linkbox li:nth-child(2) .imgbox .en { -webkit-text-stroke: 1px #f7b428; text-stroke: 1px #f7b428; color: transparent;}
.C__linkbox li:nth-child(2) a:hover .imgbox .en { color:#FFF;text-stroke: 0;-webkit-text-stroke:0;}
.C__linkbox li:nth-child(2) a:hover .imgbox .txt:before { background:#f7b428;}
.C__linkbox li:nth-child(2) .title:before { background:#f7b428;}
.C__linkbox li:nth-child(2) a:hover .title { color:#f7b428;}
.C__linkbox li:nth-child(2) a:hover .title:before  { background:#fff;}
.C__linkbox li:nth-child(2) a:hover .title:after  {background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%23f7b428%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%23f7b428%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7B%20fill%3A%23f7b428%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E')
no-repeat center right;background-size:2em;}


.C__linkbox li:nth-child(3) .imgbox .en { -webkit-text-stroke: 1px #72dff8; text-stroke: 1px #72dff8; color: transparent;}
.C__linkbox li:nth-child(3) a:hover .imgbox .en { color:#FFF;text-stroke: 0;-webkit-text-stroke:0;}
.C__linkbox li:nth-child(3) a:hover .imgbox .txt:before { background:#72dff8;}
.C__linkbox li:nth-child(3) .title:before { background:#72dff8;}
.C__linkbox li:nth-child(3) a:hover .title { color:#72dff8;}
.C__linkbox li:nth-child(3) a:hover .title:before  { background:#fff;}
.C__linkbox li:nth-child(3) a:hover .title:after  {background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%2347d1f0%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%2347d1f0%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7B%20fill%3A%2347d1f0%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E')
no-repeat center right;background-size:2em;}

.C__linkbox li:nth-child(4) .imgbox .en { -webkit-text-stroke: 1px #fd879d; text-stroke: 1px #fd879d; color: transparent;}
.C__linkbox li:nth-child(4) a:hover .imgbox .en { color:#FFF;text-stroke: 0;-webkit-text-stroke:0;}
.C__linkbox li:nth-child(4) a:hover .imgbox .txt:before { background:#fd879d;}
.C__linkbox li:nth-child(4) .title:before { background:#fd879d;}
.C__linkbox li:nth-child(4) a:hover .title { color:#fd879d;}
.C__linkbox li:nth-child(4) a:hover .title:before  { background:#fff;}
.C__linkbox li:nth-child(4) a:hover .title:after  {background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%23fd879d%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%23fd879d%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7B%20fill%3A%23fd879d%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E')
no-repeat center right;background-size:2em;}

.C__linkbox li:nth-child(5) .imgbox .en { -webkit-text-stroke: 1px #d283f6; text-stroke: 1px #d283f6; color: transparent;}
.C__linkbox li:nth-child(5) a:hover .imgbox .en { color:#FFF;text-stroke: 0;-webkit-text-stroke:0;}
.C__linkbox li:nth-child(5) a:hover .imgbox .txt:before { background:#d283f6;}
.C__linkbox li:nth-child(5) .title:before { background:#d283f6;}
.C__linkbox li:nth-child(5) a:hover .title { color:#d283f6;}
.C__linkbox li:nth-child(5) a:hover .title:before  { background:#fff;}
.C__linkbox li:nth-child(5) a:hover .title:after  {background:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%23c868f3%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%23c868f3%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7B%20fill%3A%23c868f3%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E')
no-repeat center right;background-size:2em;}

.C__linkbox li:nth-child(6) .imgbox .en { -webkit-text-stroke: 1px #fff; text-stroke: 1px #ffffff; color: transparent;}
.C__linkbox li:nth-child(6) a:hover .imgbox .en { color:#FFF;text-stroke: 0;-webkit-text-stroke:0;}
.C__linkbox li:nth-child(6) a:hover .imgbox .txt:before { background:#8d8d8d;}
.C__linkbox li:nth-child(6) .title:before { background:#8d8d8d;}
.C__linkbox li:nth-child(6) a:hover .title { color:#8d8d8d;}
.C__linkbox li:nth-child(6) a:hover .title:before  { background:#fff;}
.C__linkbox li:nth-child(6) a:hover .title:after  {background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%238d8d8d%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%238d8d8d%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7Bfill%3A%238d8d8d%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E') no-repeat center right;background-size:2em;}

.C__linkbox li:nth-child(7) .imgbox .en { -webkit-text-stroke: 1px #1db0f4; text-stroke: 1px #1db0f4; color: transparent;}
.C__linkbox li:nth-child(7) a:hover .imgbox .en { color:#FFF;text-stroke: 0;-webkit-text-stroke:0;}
.C__linkbox li:nth-child(7) a:hover .imgbox .txt:before { background:#1db0f4;}
.C__linkbox li:nth-child(7) .title:before { background:#1db0f4;}
.C__linkbox li:nth-child(7) a:hover .title { color:#1db0f4;}
.C__linkbox li:nth-child(7) a:hover .title:before  { background:#fff;}
.C__linkbox li:nth-child(7) a:hover .title:after  {background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%2347d1f0%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%2347d1f0%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7B%20fill%3A%2347d1f0%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E')
no-repeat center right;background-size:2em;}

.C__linkbox li:nth-child(8) .imgbox .en { -webkit-text-stroke: 1px #58d85f; text-stroke: 1px #58d85f; color: transparent;}
.C__linkbox li:nth-child(8) a:hover .imgbox .en { color:#FFF;text-stroke: 0;-webkit-text-stroke:0;}
.C__linkbox li:nth-child(8) a:hover .imgbox .txt:before { background:#58d85f;}
.C__linkbox li:nth-child(8) .title:before { background:#58d85f;}
.C__linkbox li:nth-child(8) a:hover .title { color:#58d85f;}
.C__linkbox li:nth-child(8) a:hover .title:before  { background:#fff;}
.C__linkbox li:nth-child(8) a:hover .title:after  {background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%2396e31e%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%2396e31e%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7B%20fill%3A%2396e31e%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E')
no-repeat center right;background-size:2em;}

.C__linkbox li:nth-child(9) .imgbox .en { -webkit-text-stroke: 1px #fff; text-stroke: 1px #fff; color: transparent;}
.C__linkbox li:nth-child(9) a:hover .imgbox .en { color:#FFF;text-stroke: 0;-webkit-text-stroke:0;}
.C__linkbox li:nth-child(9) a:hover .imgbox .txt:before { background:#f0b3b3;}
.C__linkbox li:nth-child(9) .title:before { background:#f0b3b3;}
.C__linkbox li:nth-child(9) a:hover .title { color:#f0b3b3;}
.C__linkbox li:nth-child(9) a:hover .title:before  { background:#fff;}
.C__linkbox li:nth-child(9) a:hover .title:after  {background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2042.8%2042.8%22%20style%3D%22enable-background%3Anew%200%200%2042.8%2042.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%23fd879d%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%23fd879d%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D.st2%7B%20fill%3A%23fd879d%3B%20%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M21.4%2C2c10.7%2C0%2C19.4%2C8.7%2C19.4%2C19.4s-8.7%2C19.4-19.4%2C19.4S2%2C32.1%2C2%2C21.4S10.7%2C2%2C21.4%2C2%20M21.4%2C0C9.6%2C0%2C0%2C9.6%2C0%2C21.4%20s9.6%2C21.4%2C21.4%2C21.4s21.4-9.6%2C21.4-21.4S33.2%2C0%2C21.4%2C0L21.4%2C0z%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2224.5%2C28.1%2031.5%2C21.4%2011.1%2C21.4%20%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2224.8%22%20y1%3D%2214.8%22%20x2%3D%2231.4%22%20y2%3D%2221.4%22%2F%3E%3C%2Fsvg%3E')
no-repeat center right;background-size:2em;}

.member {background:#f4f3ee;padding: 120px 0 120px;}
.member .backen {color:#FFF;opacity:.4;bottom: 10px;left: .5em;}
.member_ul {justify-content:space-between;z-index: 2;margin-top: 80px;position: relative;}
.member_ul:before {content:"";display:block;width:1px; height:100%; position:absolute;background:#c5c4be;right:0;
left:0;margin:auto;}
.member_ul li{width:45%;position: relative;padding-bottom: 7em;}
.member_ul li .btm {position:absolute;bottom:0;margin: auto;left: 0;right: 0;}
.member_ul li dl { justify-content:space-between;align-items:center;}
.member_ul li dl dt { width:140px;}
.member_ul li dl dd { width:calc(100% - 160px); font-weight:900;}
.member_ul li dl dd .name {font-size:220%;line-height:1.4;}

.works_li { justify-content:space-between; padding-bottom:200px;}
.works_Box.scnd .works_li { padding-bottom:80px;}
.works_li li{background:#FFF; width:31%;margin-bottom:60px; 
box-shadow: rgba(50, 50, 93, 0.1) 0px 13px 27px -5px;opacity:0; -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);
-webkit-transition: ease-in-out .5s;transition: ease-in-out .5s;}
.works_li li.show { -moz-transform: scale(1.05); opacity:1;
 -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
.works_li .img {width:100%; height:220px;}
.works_li img {width:100%; height:100%; object-fit:cover;}
.works_li .txt {padding:20px;}
.works_li .title { font-size:130%; font-weight:700; margin-bottom:.6em;}

@media only screen and (max-width:1040px) {
.works_li {padding-left:4%;padding-right:4%;}
.works_li li{ width:48%; }
.member { padding: 120px 4% 120px;}
.member_ul li br {display:none;}
.member_ul li dl {margin-bottom: 1.5em;}
}
@media only screen and (max-width:760px) {
.member_ul {display:block; margin-top: 2em;}
.member_ul li{max-width:600px;margin:auto;width:100%;padding-bottom:0;}
.member_ul:before {content:none;}
.member_ul li dl { display:block; text-align:center;}
.member_ul li:nth-child(n+2) {margin-top:4em;}
.member_ul li dl dt { width:140px; margin:auto;}
.member_ul li dl dd {width: 100%;}
.member_ul li .btm {position:static; margin-top:2em; } 
}
@media only screen and (max-width:600px) {
.works_li li{ width:80vw;margin:0 auto; }
.works_li li:nth-child(n+2) {margin-top:3em;}
.works_li .txt {padding:4% 6% 6%;}
.member { padding:80px 4% 80px;}
}
.more_artcle {padding-bottom:180px; position:relative; z-index:-5;}
.more_artcle .inner {box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;padding: 45px;z-index: 3;max-width: 900px;}
.more_artcle .inner:before {content:"";display:block;width:100% ;height:100%; position:absolute;background:#FFF;
z-index:-1;left:0;top:0; opacity:.8;}
.more_artcle .inner article + article {margin-top:6em;}
.more_artcle .midashi2 {font-size:240%;line-height:1.4;margin-bottom:.5em; font-weight:700; background:url(../img/midashi2.gif) repeat;
padding:.4em .5em; color:#f7b428;}
.more_artcle iframe {width:100%; height:400px; margin:1em auto;}
.more_artcle .colfulbox {position:absolute;width:100%; height:100%;top:0;bottom:0;left:0;right:0;}
.more_artcle .colfulbox .box1 {width:294px;height:294px;right: -60px;right:0; margin: auto;top:700px;animation: fuwa 5.5s ease-in-out infinite alternate;}
.more_artcle .colfulbox .box2 {width: 460px;height: 460px;right:0;left:-1300px; margin: auto;top:530px;
animation: fuwa 8.5s ease-in-out infinite alternate;}
.more_artcle .colfulbox .box3 {width: 120px;height: 120px;right:-1200px;left:0; margin: auto;top:1100px;animation: fuwa 9.5s ease-in-out infinite alternate;}
.more_artcle .colfulbox .box4 {width: 140px;height: 140px;left:-1050px;right:0; margin: auto;top: 240px;
animation: fuwa 10.5s ease-in-out infinite alternate;}
.more_artcle .colfulbox .box5 {width: 170px;height: 170px;top:1200px;right: 0;left: -68%;margin: auto;
animation: fuwa 6s ease-in-out infinite alternate;}
.more_artcle .colfulbox .box6 {width: 220px;height: 220px;right: -1090px;left: 0;margin: auto;top: 340px;animation: fuwa 15.5s ease-in-out infinite alternate;}
.more_artcle .colfulbox .box7 {width: 170px;height: 170px;left: 0;right: -1200px;top: 1400px;margin: auto;
animation: fuwa 15.5s ease-in-out infinite alternate;}
.more_artcle .colfulbox .box8 {width: 120px;height: 120px;margin: auto;left: 0;right: -1210px;top: 540px;animation: fuwa 6.5s ease-in-out infinite alternate;}
.more_artcle .colfulbox .box9 {width: 420px;height: 420px;margin: auto;left: -1200px; right:0;top:1500px; 
animation: fuwa 6.5s ease-in-out infinite alternate;}
.more_artcle .colfulbox .box10 {width: 150px;height: 150px;margin: auto;left: -1100px; right:0%;top:920px; 
animation: fuwa 6.5s ease-in-out infinite alternate;}
.more_artcle table {width:100%; margin:1.5em 0;}
@media only screen and (max-width:880px) {
.more_artcle .colfulbox .box1,.more_artcle .colfulbox .box2,.more_artcle .colfulbox .box7,.more_artcle .colfulbox .box4,
.more_artcle .colfulbox .box9,.more_artcle .colfulbox .box10 { display:none;}    
.more_artcle .colfulbox .box3 {width:65vw;height:65vw;right: -65vw; top:auto; bottom:-30vw;}
.more_artcle .colfulbox .box8 {width:30vw;height:30vw;left:0;right:0;top:auto; bottom:-10vw;}
.more_artcle .colfulbox .box5 {width:16vw;height:16vw;top:auto; bottom:10vw;left: -68%;}
.more_artcle .colfulbox .box6 {width:10vw;height:10vw;right:0;left: 0;top:auto; bottom:15vw;}
}
@media only screen and (max-width:800px) {
 .more_artcle  {padding-bottom: 32vw;}  
.more_artcle .inner {padding: 4% 2%;max-width:initial;}
.more_artcle .midashi2 {font-size:180%;}
.more_artcle iframe {width:100%; height:52vw; }
}

form {}
.screen-reader-response, .wpcf7-response-output.wpcf7-validation-errors {display:none;}
.wpcf7-not-valid-tip { color:#eb5a3c; font-weight:900;}
form dl{ display:flex; justify-content: space-between;padding:1.5em 0;}
form dl dt { width:11em;font-size: 16px;font-weight:700;position:relative;padding-right: 3em;display: inline-block;}
form dl dt span {position:absolute;right:0;color:#FFF;font-size:60%;line-height:1;background: #eb5a3c;padding:.4em .8em .6em;border-radius: 999px;top: 1em;margin:auto;height:2em;}
form dl dd { width:calc(100% - 14em);}
form dl dd .slectb{position:relative; }
form dl dd .slectb:after {content:"▼";color: #f7b428;right:10px;top:1em;display:block;position:absolute;}
form dl dd div + .text-danger + input {margin-top:1em;}
form ol li { margin:0; padding:0;}
form ol li+li {margin-top:.5em;}
form ol li label {margin:0;padding:0;display: inline;}
form ol li input {margin:0;padding:0;display: none;}
form ol li input+p { position:relative; padding-left:2em;}
form ol li input+p:before { content:""; display:block; position:absolute;
 width:1.2em; height:1.2em; border:2px solid #ddd; border-radius:50%;left:0;top:.3em; }
form ol li input+p:after { content:""; display:block; position:absolute;
 width:.9em; height:.9em; background:#f7b428;opacity:0; border-radius:50%;left:.3em;top:.6em;
 -webkit-transition: ease-in .1s; transition: ease-in .1s; -webkit-transform: scale(0); transform: scale(0); }
form ol li input:checked+p:after {opacity:1; -webkit-transform: scale(1); transform: scale(1);}

input,
input[type=text],
input[type=email],
input[type="button"] { -moz-appearance: none; appearance: none; border:none; -webkit-border-radius : 0; -webkit-appearance : none; -webkit-tap-highlight-color : rgba(0,0,0,0);}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;border:none;}
.text-danger,.formrun-system-show { color:#eb5a3c;}

form dl dd input[type=text],
form dl dd input[type=tel],
form dl dd input[type=email],
form dl dd input[type="button"],
form dl dd textarea,
form dl dd select {width:100%;font-size:16px;border:1px solid #cccccc;-webkit-appearance: none;padding:1em .5em; border-radius:5px;}

form .submit { text-align:center;}
form .submit p  {margin-top: 0em;}
form .submit p input[type="submit"] {
 font-size: 130%;
 cursor: pointer;
 display:block;
 border-radius:999px;
 padding: .8em 3em;
 font-weight: 900;
 min-width:300px;
 background: #f7b428;
 color:#fff; display:inline-block; }
form .submit p input[type="submit"] { -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s;}
form .submit p input[type="submit"]:hover{-webkit-transform: translateY(-10px); transform: translateY(-10px);}

form dl dd.select {position:relative;}
form dl dd.select:after {position:absolute; content:"▼"; color:#f7b428; right:1em;bottom:0; top:0;
margin:auto;line-height:1; display:block; width:1em; height:1em;}

form dl dd .form_radio_level { letter-spacing:-.4em;}
form dl dd .form_radio_level label { font-size:140%; text-align:center;border:1px solid #cccccc;width:2.5em;
display:inline-block;margin:0;box-shadow: 0 3px 6px rgba(9,111,202,.1); letter-spacing:normal; overflow:hidden;}
form dl dd .form_radio_level label:nth-child(1) {border-radius:8px 0 0 8px;}
form dl dd .form_radio_level label:nth-child(n+2) {border-left:0;}
form dl dd .form_radio_level label:last-child {border-radius:0px 8px 8px 0px;}
form dl dd .form_radio_level label input { display:none;}
form dl dd .form_radio_level label input+span{ display:block;margin:0; width:100%; height:100%; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s;}
form dl dd .form_radio_level label input:hover+span { background:#f1f1f1;}
form dl dd .form_radio_level label input:checked+span { color:#FFF; background:#f7b428;box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.12) inset;}
form dl dd .hosoku {font-size:90%;margin-top:.5em;}

form dl dd .form_radio {}
form dl dd .form_radio label{}
form dl dd .form_radio label:nth-child(2){margin-left:2em;}
form dl dd .form_radio label input { display:none;}
form dl dd .form_radio label input+span{position:relative;padding-left:1.8em; display: inline-block; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s;}
form dl dd .form_radio label input:hover+span { }
form dl dd .form_radio label input:checked+span { }
form dl dd .form_radio label input+span:before { content:""; display:block; position:absolute;
border-radius:50%; width:1.2em; height:1.2em; border:1px solid #cccccc;left:0;top:.3em;}
form dl dd .form_radio label input+span:after {content:"";display:block;position:absolute;border-radius:50%;width:.88em;height: .86em;background: #6369e7;left:.22em;top: .5em;opacity:0;-webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;}
form.form dl dd .form_radio label input:checked+span:after { opacity:1;}

form .wpcf7-list-item {display:inline-block;margin-right:1em;vertical-align: top;}
form .wpcf7-list-item + .wpcf7-list-item { }
form .wpcf7-list-item .wpcf7-list-item-label {position:relative;padding-left: 1.5em;display: block;}
form .wpcf7-list-item .wpcf7-list-item-label:before {content:"";width:1.2em;height:1.2em;display:block;position:absolute;top: .4em;left:0;border-radius:50%;border:1px solid #ccc;}
form .wpcf7-list-item input[type="checkbox"] + .wpcf7-list-item-label:after {-webkit-transition: ease-in .1s;transition: ease-in .1s;
    content:"";opacity:0;width:.9em;height:.9em;display:block;position:absolute;top: .6em;left:.22em;border-radius:50%; background:#f7b428;}
form .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label:after {opacity:1;}
form .wpcf7-list-item input[type="checkbox"] { display:block;}
@media(max-width:880px){
form.form dl{ display: block; }
form.form dl dt {width:100%;font-size: 16px;font-weight:700;position:relative;padding-right: 0;}
form.form dl dt span { }
form.form dl dd {width:100%; margin-top:1em;}
form.form dl dt span {position:static; margin-left:2em;display:inline-block;padding:.5em .8em .6em; }

form.form dl dd .form_radio_level { display:flex;}
form.form dl dd .form_radio_level label { width:100%;}
}

@media only screen and (max-width:750px) {
form dl dt { width:100%; padding-bottom:.5em;}
form dl dd { width:100%; margin-top:0;}
form dl {display:block;}
form dl{padding:.6em 0;}
form dl dt span { position:static; margin-left:.5em;padding:.2em 1em .5em;}
}
@media only screen and (max-width:440px) {
form.form .submit p input[type="submit"] { min-width:initial; display:block;width:100%; }
}
.midashi_t1 {font-size: 160%; font-weight: 900; margin-bottom: 1em; border-bottom: 1px solid; padding-bottom: .4em;}
.midashi_t2 {font-size: 140%;margin-bottom: .5em;margin-top: 1em;padding: .2em 0em .2em .8em;border-left: 5px solid #f7b428;}
.midashi_tc {text-align: center; font-size: 140%; font-weight: 900;  padding: 1em 0; color:#f7b428;}
.midashi_tc:after {content:"";display:block;width:5em; height:2px; margin:.5em auto;}

.btmli {margin:3em 0 0; text-align:center; letter-spacing:-.2em; border:1px solid #ccc;padding:4%;}
.btmli li { width:48%; display:inline-block;}
.btmli li:nth-child(n+2) {margin-left:2%;}
.btmli li p { letter-spacing:normal;}
.btmli li a {-webkit-transition: ease-in .3s;transition: ease-in .3s;border-radius: 999px; display:block; padding: 1em 1em; font-weight: 900; background: #f7b428; color: #fff;}
.btmli li:nth-child(2n) a,.btmli li.wh a { background: #fff; color: #f7b428; border:1px solid;}
.btmli li a:hover {opacity:.8;-webkit-transform: translateY(-10px); transform: translateY(-10px);}

@media only screen and (max-width:750px) {
.btmli li { width:100%; display:block;}
.btmli li:nth-child(n+2) {margin-left:0; margin-top:1em;}
}
/* SNAPLACE-FIX colfulbox: 装飾がフォーム操作を妨げないように */
.colfulbox,.colfulbox .box{pointer-events:none !important;}

/* SNAPLACE-NAV-FIX : ナビ6項目化の調整。元の字組み（16px/字間4px）を保ちつつ、
   右上の固定CONTACTボタン（幅168px）と重ならないよう余白を確保する */
@media screen and (min-width: 1000px){
  header .pcmenu{max-width:calc(100% - 4em)}
  header .pcmenu nav{width:auto;flex:1 1 auto;margin-right:196px}
  header .pcmenu nav ul{display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap}
  header .pcmenu nav ul>li:nth-child(n+2){margin-left:2em}
  header .pcmenu nav ul>li p a{font-size:16px;letter-spacing:3px;white-space:nowrap}
}
/* 中間幅：文字の大きさは保ち、項目間だけ詰める */
@media screen and (min-width:1000px) and (max-width:1400px){
  header .pcmenu nav ul>li:nth-child(n+2){margin-left:1.35em}
  header .pcmenu nav ul>li p a{letter-spacing:2px}
}
@media screen and (min-width:1000px) and (max-width:1180px){
  header .pcmenu nav ul>li:nth-child(n+2){margin-left:1em}
  header .pcmenu nav ul>li p a{font-size:14.5px;letter-spacing:1.2px}
}

/* SNAPLACE-SERVICETOP-FIX : 見出し文字数が増えたため枠を広げ、2行に収める */
@media screen and (min-width: 900px){
  .servicetop .inner .tt{width:440px;font-size:30px;white-space:nowrap}
  .servicetop .inner .txt{width:calc(100% - 500px)}
}