@charset "UTF-8";
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { padding: 0; margin: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none; }
body { padding: 0; margin: 0; color: #404345; font-size: 3.3vw; font-family: var(--gothic); -webkit-text-size-adjust: 100%; font-style: normal; line-height: 1; background: var(--blue02); font-feature-settings: "palt"; letter-spacing: .06em; text-align:justify; text-justify:auto; }
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; }
blockquote, q { quotes: none; }
strong, b { font-weight: bold; }
ul, ol, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
img, video, object {height: auto;border: none;display: block;max-width: 100%;}
ins { background: none; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; display: block; }
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
a { color: #404345; text-decoration: none; display: block; -moz-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); }
a:hover { opacity: 0.6; }
.clearfix:after { content: ''; display: block; clear: both; }
.pc { display: none; }
.sp { display: block; }


/* common
----------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; z-index: 1; position: relative; }
.second-container {background: url(../images/bg02.jpg) repeat top center;background-size: 18vw;}

.fade { opacity: 0; -moz-transition: all 1.5s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 1.5s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 1.5s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 1.5s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.fade-left { -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); }
.fade-right { -moz-transform: translateX(10px); -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); }
.fade-bottom { -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); }
.fade-active { opacity: 1; -moz-transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); }

.social-box { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.social-box-title {margin-right: 2.5vw;color: #fff;font-size: 2.4vw;font-family: "urbane-rounded";font-weight: 200;letter-spacing: 0.4vw;}
.social-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.social-items li { margin: 0 2.5vw; font-size: 6.58vw; }
.social-items a { color: #fff; }

/* margin(sp) */
div.mb10,p.mb10,ul.mb10,li.mb10,span.mb10,h2.mb10,h3.mb10,h4.mb10,h5.mb10,h6.mb10,table.mb10,img.mb10 { margin-bottom: 2vw;}
div.mb20,p.mb20,ul.mb20,li.mb20,span.mb20,h2.mb20,h3.mb20,h4.mb20,h5.mb20,h6.mb20,table.mb20,img.mb20 { margin-bottom: 4vw;}
div.mb40,p.mb40,ul.mb40,li.mb40,span.mb40,h2.mb40,h3.mb40,h4.mb40,h5.mb40,h6.mb40,table.mb40,img.mb40 { margin-bottom: 6vw;}
div.mb60,p.mb60,ul.mb60,li.mb60,span.mb60,h2.mb60,h3.mb60,h4.mb60,h5.mb60,h6.mb60,table.mb60,img.mb60 { margin-bottom: 8vw;}
div.mb80,p.mb80,ul.mb80,li.mb80,span.mb80,h2.mb80,h3.mb80,h4.mb80,h5.mb80,h6.mb80,table.mb80,img.mb80 { margin-bottom: 10vw;}
div.mb100,p.mb100,ul.mb100,li.mb100,span.mb100,h2.mb100,h3.mb100,h4.mb100,h5.mb100,h6.mb100,table.mb100,img.mb100  { margin-bottom: 14vw;}
div.mb0,p.mb0,ul.mb0,li.mb0,span.mb0,h2.mb0,h3.mb0,h4.mb0,h5.mb0,h6.mb0,table.mb0,img.mb0  { margin-bottom: 0;}

/*ast(sp)*/
p.ast { font-size: 3.2vw !important; padding-left: 1em;text-indent: -1em; text-align:justify; text-justify:auto;}
p.ast:last-child { margin-bottom: 0;}
ul.ast {margin: 0 auto 3vw;}
ul.ast li {font-size: 3.2vw !important;padding-left: 1em;text-indent: -1em;text-align:justify;text-justify:auto;margin-bottom: 1vw;line-height: 1.5; filter: drop-shadow(0 0 4px #5F7A9E); color: #fff; }
p.ast:last-child,ul.ast li:last-child { margin-bottom: 0;}



/* font */
:root {
--mincho: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", serif;
--gothic: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}


/* color */
:root {
--blue01: #f6f8f9; /*薄いブルー（背景色など）*/
--blue02: #a2b9c3; /*中間ブルー（背景色など）*/
--blue03: #819198; /*濃いブルー（文字など）*/
--yellow01: #fbf7ea; /*薄いイエロー（背景色など）*/
--yellow02: #d7b033; /*濃いイエロー（cvなど）*/
}


/* midashi */
.midashi01 { margin-bottom: 6vw; color: var(--blue03); position: relative; }
.midashi01 .en { margin-bottom: 5vw; font-size: 3vw; font-family: "urbane-rounded"; font-weight: 200; letter-spacing: 0.4vw; display: block; }
.midashi01 .jp {font-size: 5.4vw;font-weight: bold;line-height: 1.4;display: block;letter-spacing: .07em;}

.midashi02 { padding-bottom: 6vw; margin-bottom: 6vw; color: #fff; text-align: center; position: relative; }
.midashi02:before { content: ''; width: 22vw; height: 1px; background: #fff; opacity: 0.4; position: absolute; bottom: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.midashi02:after { content: ''; width: 4vw; height: 5vw; background: url(../images/deco01.png) no-repeat center; background-size: 100%; position: absolute; bottom: -2.5vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.midashi02 .en { margin-bottom: 2.5vw; font-size: 8.16vw; font-family: "urbane-rounded"; font-weight: 200; letter-spacing: 0.6vw; display: block; }
.midashi02 .jp { font-size: 3.8vw; font-weight: bold; display: block; }

.midashi03 {width: 100%;margin: 0 auto 5vw;position: relative;}
.midashi03 .en {margin-bottom: 1vw;font-size: 5vw;color: var(--yellow02);font-family: "urbane-rounded";font-weight: 400;letter-spacing: .04em;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
.midashi03 .en:after { content: ''; height: 1px; margin: 0.5vw 0 0 2vw; background: #c6c6c7; flex: 1; }
.midashi03 .en span { display: block; }
.midashi03 .en span:first-letter { content: ''; color: var(--blue); }
.midashi03 .jp {font-size: 3vw;display: block;line-height: 1.4;}

.midashi04 {width: 100%;margin: 0 auto 5vw;position: relative;}
.midashi04 .en {margin-bottom: 1vw;font-size: 7vw; color: var(--yellow02);font-family: "urbane-rounded";font-weight: 400; letter-spacing: .04em;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
.midashi04 .en:after { content: ''; height: 1px; margin: 0.5vw 0 0 2vw; background: #c6c6c7; flex: 1; }
.midashi04 .en span { display: block; }
.midashi04 .en span:first-letter { content: ''; color: var(--blue); }
.midashi04 .jp {font-size: 3.2vw;display: block;line-height: 1.4;}

.midashi05 {margin: 0 auto 4vw;color: #fff; font-size: 4vw;text-align: center;position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-align-items: center;align-items: center;font-weight: bold;}
.midashi05:before, .midashi05:after {content: '';height: 1px;background: #fff;display: block;-webkit-flex-grow: 1;flex-grow: 1; }
.midashi05:before {margin-right: 20px;}
.midashi05:after {margin-left: 20px;}

.midashi06 { font-weight: bold; display: block; border-left:3px solid #000; padding-left: 2vw; line-height: 1.2; margin-bottom: 2vw;}

/* more */
.more01 { padding: 0.8vw 9.5vw 0 4vw; font-size: 3.4vw; font-weight: bold; position: relative; display: table; }
.more01:hover:before { width: 100%; }
.more01:hover:after { right: -1vw; }
.more01:before {content: '';width: 8vw;height: 8vw;border: 1px solid #444;-moz-border-radius: 4vw;-webkit-border-radius: 4vw;border-radius: 4vw;position: absolute;top: 50%;right: 0;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);-moz-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1);-o-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1);-webkit-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1);transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1);}
.more01:after { content: '\f105'; width: 8vw; height: 8vw; font-family: 'icon'; position: absolute; top: 50%; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); }

/* tbl */
.tbl01 {width:100%;margin: 0 auto 6vw;position:relative;font-size: 3.4vw;font-feature-settings: "palt";letter-spacing: .04em;}
.tbl01:before {/* content:""; */width: 100px;position:absolute;background: var(--yellow02);height:2px;top:0px;}
.tbl01 th,.tbl01 td {vertical-align:middle;line-height: 1.6;letter-spacing: 0.02em;text-align: justify;display: block;padding: 3%;}
.tbl01 td {width: 100%;}
.tbl01 th {text-align:center;width: 100%;background: var(--blue01);font-weight: 600;display: inline-block;color: var(--blue03);}
.tbl01 tr:first-child {/* border-top: 2px solid #ddd; */}
.tbl01 tr{/* border-bottom: 1px dotted #d9d9d9; */}
.tbl01 tr:last-child { border-bottom: none;}
.tbl01 td a {color: var(--blue03);font-family: "urbane-rounded"; font-weight: 400;letter-spacing: .06em;display: inline-block;}
.tbl01 td .tel {font-size: 5.4vw;}
.tbl01 td .tel:before { content: '\f095'; margin-right: 1vw; font-size: 70%; font-family: 'icon'; display: inline-block;}
.tbl01 td>li span {height: 18px;width: 18px;border-radius:50%;display: inline-block;text-align:center;background: #eee;color: #49382f;font-size: 80%;margin-right: 5px;font-family: 'Marcellus';padding-top: 1px;padding-left: 0;text-indent: 0;  }
.tbl01 td>li { margin-bottom: 2%;font-size: 3.2vw;font-feature-settings: "palt";letter-spacing: .03em;padding-left: 2em;text-indent: -2em; text-align:justify; text-justify:auto;}
.tbl01 p span{ font-weight: bold; display: block; border-left:3px solid #000; padding-left: 2vw; line-height: 1.2; margin-bottom: 2vw;}
.tbl01 small { font-size: 84%;}


.tbl02 { width:100%;margin: 0 auto 6vw;font-size: 3.4vw;}
.tbl02 th {background: var(--blue01);text-align: center;padding: 3%;vertical-align: middle;line-height: 1.4;border-right: 1px solid #ededed;}
.tbl02 th:nth-child(3){border-right:none;}
.tbl02 tr { border-bottom: 1px solid #ccc; }
.tbl02 td {padding: 2vw;border-right: 1px dashed #ececec;font-feature-settings: unset;line-break:strict;overflow-wrap:normal;hyphens:manual;hanging-punctuation:none;text-indent:0;text-align: left;text-justify:auto;text-wrap:wrap;}
.tbl02 td:nth-child(3){border-right:none;}



/* header
----------------------------------------------- */
.header { width: 100%; height: 16vw; background: #fff; z-index: 10; position: fixed; top: 0; left: 0; transition: 1s;}
.header.hide {  transform:translateY(-16vw);}
.header-content {width: 100%;height: 100%;padding: 1px 0;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;}
.header-logo { width: 22vw; margin: 0 auto 0 4vw; }
.header-logo img { width: 100%; }
.header-cv-btn {padding: 0;margin-right: 20vw;color: #fff;font-size: 3.2vw;font-weight: bold;-moz-border-radius: 15vw;-webkit-border-radius: 15vw;border-radius: 15vw;width: 32vw;}
.header-cv-btn .title { padding: 1.5vw 4.5vw; margin: auto; background: url(../images/deco01.png) no-repeat center left, url(../images/deco01.png) no-repeat center right; background-size: 3.5vw; display: table; }
.header-navi-button { width: 12vw; height: 10vw; cursor: pointer; z-index: 11; position: fixed; top: 3vw; right: 4vw; -moz-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1); }
.header-navi-button .line { width: 100%; height: 1px; background: #272727; position: absolute; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); }
.header-navi-button .line-top { top: calc(50% - 1.2vw); }
.header-navi-button .line-bottom { top: calc(50% + 1.2vw); }
.header-navi {width: 100%;height: 100%;background: var(--blue02) url(../images/nav/logo-symbolmark.png) no-repeat top 0vw left -12vw;background-size: 80vw;opacity: 0;visibility: hidden;z-index: 10;position: fixed;top: 15vw;left: 0;-moz-transition: all 1s cubic-bezier(0.25, 0.86, 0.55, 1);-o-transition: all 1s cubic-bezier(0.25, 0.86, 0.55, 1);-webkit-transition: all 1s cubic-bezier(0.25, 0.86, 0.55, 1);transition: all 1s cubic-bezier(0.25, 0.86, 0.55, 1);}
.header-navi-inner { width: 100%; height: 100%; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.header-navi-inner::-webkit-scrollbar { display: none; }
.header-navi-scroll {width: 100%;height: 100%;padding: 23vw 0 1px;overflow-y: auto;position: relative;-ms-overflow-style: none;scrollbar-width: none;-webkit-overflow-scrolling: touch;}
.header-navi-scroll::-webkit-scrollbar { display: none; }
.header-navi-content { width: 85vw; margin: auto; }
.header-navi-items { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.header-navi-item {width: 48%;margin-bottom: 6vw;}
.header-navi-item.full { width: 100%; }
.header-navi-item .en {margin-bottom: 1vw;color: #fff;font-size: 4.6vw;font-family: "urbane-rounded";font-weight: 500;letter-spacing: .08em;display: block;}
.header-navi-item .jp {color: #eceff2;font-size: 3vw;display: block;}
.header-navi-initems { width: 100%; margin-top: 4vw; }
.header-navi-initems li { width: 100%; margin-bottom: 2vw; position: relative; }
.header-navi-initems li .jp { color: #595c5e; }
.header-navi-initems li:last-child { margin: 0; }
.header-navi-initems li.course-design a { background: #fff url(../images/nav/course-design.png) no-repeat center left 3.5vw; background-size: 12vw; }
.header-navi-initems li.course-design .en { color: #c1a99d; }
.header-navi-initems li.course-creation a { background: #fff url(../images/nav/course-creation.png) no-repeat center left 3.5vw; background-size: 12vw; }
.header-navi-initems li.course-creation .en { color: #c1b69b; }
.header-navi-initems li.course-sns a { background: #fff url(../images/nav/course-sns.png) no-repeat center left 3.5vw; background-size: 12vw; }
.header-navi-initems li.course-sns .en { color: #dfc086; }
.header-navi-initems li.course-blog a { background: #fff url(../images/nav/course-blog.png) no-repeat center left 3.5vw; background-size: 12vw; }
.header-navi-initems li.course-blog .en { color: #c5aeb1; }
.header-navi-initems a { padding: 3vw 2.5vw 3vw 18vw; -moz-border-radius: 2vw; -webkit-border-radius: 2vw; border-radius: 2vw; }
.header-navi-initems a:after { content: '\f105'; font-size: 5vw; font-family: 'icon'; position: absolute; top: 50%; right: 4vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.header-navi-initems .jp { padding-top: 1.5vw; margin-bottom: 1.5vw; font-size: 3.6vw; font-weight: bold; }
.header-navi-initems .en { font-size: 2.4vw; }
.header-navi-cv {width: 100%;padding: 2vw 0;margin: 0 auto 7vw;color: #fff;font-weight: bold;/* background: #03B53B; */-moz-border-radius: 15vw;-webkit-border-radius: 15vw;border-radius: 15vw;}
.header-navi-cv .title { padding: 2.5vw 6vw 2vw; margin: auto; background: url(../images/deco01.png) no-repeat center left, url(../images/deco01.png) no-repeat center right; background-size: 3.5vw; display: table;font-size: 4vw; }
.header-navi-sub-items { width: 100%; margin: 0 auto 8vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.header-navi-sub-items li { color: #fff; font-size: 3.4vw; }
.header-navi-sub-items li:first-child:before { display: none; }
.header-navi-sub-items li:before { content: '|'; margin: 0 2vw 0 3vw; display: inline-block; }
.header-navi-sub-items a { color: #fff; display: inline-block; }
.header-navi-foot {width: 100%;padding-top: 7vw;margin-bottom: 100px;border-top: 1px solid #fff;}
.header-navi-logo { width: 50vw; margin: 0 auto 10vw; }
.header-navi-logo img {width: 70%;margin: 0 auto;}
.header-navi-social-box { -webkit-justify-content: center; justify-content: center; }
.animation { opacity: 0; visibility: hidden; -moz-transform: translateY(5px); -ms-transform: translateY(5px); -webkit-transform: translateY(5px); transform: translateY(5px); -moz-transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1); }
.header-navi-open { width: 100%; height: 100%; position: fixed; }
.header-navi-open .line-top { top: 5vw; -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); -webkit-transform: rotate(35deg); transform: rotate(35deg); }
.header-navi-open .line-bottom { top: 5vw; -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); }
.header-navi-open .header-navi { opacity: 1; visibility: visible; top: 0; }
.header-navi-open .animation { opacity: 1; visibility: visible; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.header-navi-open .animation01 { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.header-navi-open .animation02 { -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; }
.header-navi-open .animation03 { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.header-navi-open .animation04 { -moz-transition-delay: 0.35s; -o-transition-delay: 0.35s; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; }
.header-navi-open .animation05 { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.header-navi-open .animation06 { -moz-transition-delay: 0.45s; -o-transition-delay: 0.45s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; }
.header-navi-open .animation07 { -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.header-navi-open .animation08 { -moz-transition-delay: 0.55s; -o-transition-delay: 0.55s; -webkit-transition-delay: 0.55s; transition-delay: 0.55s; }


/* hero
----------------------------------------------- */
.hero { width: 100%; position: relative; }
.top-hero-content {width: 100%;position: relative;padding: 10vw 0;}
.top-hero-image01 {width: 70vw;z-index: 1;position: relative;}
.top-hero-image01 img { width: 100%; }
.top-hero-image02 { width: 42vw; margin: -28vw 0 35vw auto; }
.top-hero-image02 img { width: 100%; }
.top-hero-image03 {width: 45vw;margin: 0 auto 4vw 10vw;}
.top-hero-text01 {position: absolute;top: 95vw;left: 5vw;}
.top-hero-title { margin-bottom: 6vw; color: #fff; }
.top-hero-title .title {margin-bottom: 2.5vw;font-size: 6.2vw;line-height: 1.4;display: block;filter: drop-shadow(0 0 3px #4A5B64);}
.top-hero-title .title span { color: #fceda8; }
.top-hero-title .sub {font-size: 3vw;line-height: 2;display: block;filter: drop-shadow(0 0 3px #4A5B64);}
.top-hero-title .sub span {padding-bottom: 1vw;border-bottom: 1px solid #fff;display: inline;}
.top-hero-cv-btn { padding: 2vw 5vw; color: #fff; font-size: 3.2vw; font-weight: bold; background: var(--yellow02); -moz-border-radius: 15vw; -webkit-border-radius: 15vw; border-radius: 15vw; -moz-box-shadow: 0 0 12px var(--blue03); -webkit-box-shadow: 0 0 12px var(--blue03); box-shadow: 0 0 12px var(--blue03); }
.top-hero-cv-btn .title { padding: 2vw 5vw; margin: auto; background: url(../images/deco01.png) no-repeat center left, url(../images/deco01.png) no-repeat center right; background-size: 3.5vw; display: table; }
.top-hero-text02 {-ms-writing-mode: tb-rl;writing-mode: tb-rl;position: absolute;bottom: 5vw;right: 5vw;}
.top-hero-subtitle { color: #fff; font-feature-settings: "palt"; letter-spacing: .05em; }
.top-hero-subtitle .jp {margin-left: 2.5vw;font-size: 3.4vw;line-height: 1.6;display: block;filter: drop-shadow(0 0 3px #4A5B64);}
.top-hero-subtitle .en { font-size: 2.63vw; font-family: "urbane-rounded"; font-weight: 200; line-height: 1.6; letter-spacing: 0.4vw; display: block; }
.top-hero-subtitle .jp .upright{text-combine-upright: all;}
.top-hero-tag-items {margin: 0 auto 0 10vw;}
.top-hero-tag-items li { margin-bottom: 2vw; color: #fff; font-size: 2.63vw; font-family: "urbane-rounded"; font-weight: 200; letter-spacing: 0.4vw; }
.top-hero-scroll {padding-top: 24vw;-ms-writing-mode: tb-rl;writing-mode: tb-rl;position: absolute;top: 39vw;right: 3vw;}
.top-hero-scroll:before { content: ''; width: 1px; height: 22vw; background: #fff; opacity: 0.5; position: absolute; top: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-hero-scroll:after { content: ''; width: 3vw; height: 3.5vw; background: url(../images/deco01.png) no-repeat center; background-size: 100%; position: absolute; top: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); animation: circlemove 3s ease-in-out infinite, cirlemovehide 3s ease-out infinite; }
.top-hero-scroll .title { padding-left: 0.2vw; color: #fff; font-size: 2.89vw; font-family: "urbane-rounded"; font-weight: 200; letter-spacing: 0.4vw; display: block; }

@keyframes circlemove { 0% { top: -1.75vw; }
  100% { top: 20.25vw; } }
@keyframes cirlemovehide { 0% { opacity: 0; }
  50% { opacity: 1; }
  80% { opacity: 0.9; }
  100% { opacity: 0; } }


.second-hero {height: 59vw;margin-bottom: -7vw;}
.second-hero:before { content: ''; width: 1px; height: 14vw; background: #999; z-index: 2; position: absolute; bottom: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.second-hero:after { content: ''; width: 3.5vw; height: 4.5vw; background: url("../images/deco01-yellow@2x.png") no-repeat center; background-size: 100%; z-index: 2; position: absolute; bottom: -3.5vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.second-hero-title {width: 100%;color: #fff;text-align: center;z-index: 1;position: absolute;top: 28vw;left: 0;}
.second-hero-title .en {font-size: 3vw;font-family: "urbane-rounded";font-weight: 200;letter-spacing: 0.6vw;display: block;}
.second-hero-title .jp {font-size: 6vw;font-weight: bold;display: block;margin-bottom: 2vw;}


/* cv
----------------------------------------------- */
.cv-area {padding: 6vw 0 10vw;background:url(../images/bg01.jpg) repeat top center / 25vw;}
.cv-area img {width: 90vw;margin: 0 auto 2vw;}
.cv-area .cv-btn {position: absolute; bottom:0; }
.cv-area .btn-cv {

}
.cv-ticker-items {width: 100%;margin-bottom: 6vw;position: relative;}
.cv-ticker-item {width: 116vw;color: var(--blue02);font-size: 6vw;font-family: "urbane-rounded";font-weight: 200;letter-spacing: 0.8vw;}

.cv-btn .title {padding: 3.5vw 8vw;margin: auto;background: url(../images/deco01.png) no-repeat center left, url(../images/deco01.png) no-repeat center right;background-size: 3.5vw;display: table;font-size: 5vw;}
.cv-btn.shiny {display: block;position: relative;/* padding: 2vw; *//* background-color: #03B53B; *//* box-shadow: 0 3px 0 0 #007324;border-radius: 4px;margin:30px auto; *//* font-weight: bold; */font-size: 3.8vw;max-width:500px;color: #fff;text-align: center;text-decoration: none;overflow: hidden;transition: 300ms;/* border-radius: 100px; */width:90vw;}
.cv-btn.shiny::before { content: none;position: absolute;display: inline-block; top: -180px; left: 0; width: 30px; height: 100%; background-color: #b5e7ff; transition: 300ms; animation: shinyshiny 2.5s ease-in-out infinite;}
.cv-btn.shiny:hover {text-decoration: none;color: #fff;box-shadow: none;-webkit-transform: translateY(3px);}

@-webkit-keyframes shinyshiny {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }}*/

.contact-line { margin: 3vw auto; text-align: center; font-size: 3.4vw; font-feature-settings: "palt"; letter-spacing: .05em; font-weight: bold; position: relative;}
.contact-line span:before {content: "\e906";font-family: icon; margin-right: 4px;font-weight: normal;}
.contact-line span:after {content: "\f105";font-family: icon; font-size: 88%; display: inline-block;position: absolute;top: 50%;right: 5%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.contact-line a {padding: 4vw;color: #fff;background: #03B53B;border-radius:50px;text-align: center;font-weight: bold;}

.btn-cv{
width: 70vw;
margin:0 auto;
}


/* bread
----------------------------------------------- */
.breadcrumb {  background: var(--blue02); z-index: 1; position: relative; }
.breadcrumb-items {width: 90vw;margin: 0 auto;font-size: 0;padding: 2vw 0;}
.breadcrumb-items li { color: #fff; font-size: 3.2vw; position: relative; display: inline-block; }
.breadcrumb-items li:after { content: "\f105"; margin: 0 2.5vw 0 1.5vw; font-weight: normal; font-family: 'icon'; display: inline-block; }
.breadcrumb-items li:last-child { font-weight: bold; }
.breadcrumb-items li:last-child:after { display: none; }
.breadcrumb-items a { color: #fff; display: inline-block; }


/* footer
----------------------------------------------- */
.footer {width: 100%;padding: 12vw 0 30vw;background: url(../images/footer-bg.jpg) no-repeat top center;background-size: cover;z-index: 1;position: relative;}
.footer-content { width: 90vw; margin: auto; }
.footer-logo { width: 40vw; margin: 0 auto 10vw; }
.footer-logo img { width: 100%; }
.footer-navi { width: 100%; margin-bottom: 8vw; }
.footer-navi-box { margin-bottom: 6vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
.footer-navi-title { width: 100%; margin-bottom: 4vw; color: #fff; font-size: 3.8vw; font-family: "urbane-rounded"; font-weight: 300; letter-spacing: 0.4vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.footer-navi-title:after { content: ''; height: 1px; margin-left: 2vw; background: #fff; opacity: 0.6; flex: 1; }
.footer-navi-items { width: 49%; }
.footer-navi-items li {padding-left: 2.5vw;margin-bottom: 2.5vw;font-size: 3.2vw;line-height: 1.4;position: relative; font-feature-settings: "palt"; letter-spacing: .02em;}
.footer-navi-items li:after { content: '\f105'; color: #fff; font-family: 'icon'; position: absolute; top: 0; left: 0; }
.footer-navi-items a { color: #fff; }
.footer-social-box { margin-bottom: 8vw; }

.copyright { color: #fff; font-size: 3vw; font-family: "urbane-rounded"; font-weight: 200; letter-spacing: 0.4vw; display: block; }


@-moz-keyframes circle { 0% { -moz-transform: rotate(0); transform: rotate(0); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes circle { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes circle { 0% { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.footer-fixed-outer  {width: 100%;position: fixed;bottom: 0;padding: 3vw;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);/* background: rgba(255,255,255,0.6); */z-index: 5;}
.footer-fixed-wrapper  {display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;gap: 2vw;}
.hidden {animation: fade .2s ease-in-out forwards;pointer-events:none;/* 重要 */}
@keyframes fade { from { opacity: 1;} to {opacity: 0; }}
.visible { animation: fadeOut .2s ease-in-out forwards; pointer-events:all;/* 重要 */}
@keyframes fadeOut { from { opacity: 0; } to { opacity: 1; }}
.footer-fixed{
  /* width: -webkit-calc((100% - 2vw) / 2); */
  /* width: calc((100% - 2vw) / 2); */
  width: 60vw;
  margin-left: auto;
}
.footer-fixed img { width: 100%;}



/* second
----------------------------------------------- */
.second { z-index: 1; position: relative; }
.second:before {content: '';width: 340vw;height: 100%;background: #fff;-moz-border-radius: 50% 50% 0 0;-webkit-border-radius: 50%;border-radius: 50% 50% 0 0;z-index: -1;position: absolute;bottom: 0;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.second-text {width: 84vw;min-height: 100vw;padding: 18vw 0;margin: auto;}
.second-text p { margin-bottom: 4vw; font-size: 3.4vw; line-height: 1.8; }




/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) {
body { font-size: 14px; }
.sp { display: none; }
.pc { display: block; }

/* common
----------------------------------------------- */
.second-container { background-size: 80px; background: url(../images/bg02.jpg) repeat top center; background-size: 84px;}
.social-box-title {padding-top: 2px;margin-right: 15px;font-size: 12px;letter-spacing: 1px;padding-left: 73px;}
.social-items li { margin: 0 8px; font-size: 25px; }

/* margin(pc) */
div.mb10,p.mb10,ul.mb10,li.mb10,span.mb10,h2.mb10,h3.mb10,h4.mb10,h5.mb10,h6.mb10,table.mb10,img.mb10 { margin-bottom: 10px ;}
div.mb20,p.mb20,ul.mb20,li.mb20,span.mb20,h2.mb20,h3.mb20,h4.mb20,h5.mb20,h6.mb20,table.mb20,img.mb20 { margin-bottom: 20px ;}
div.mb40,p.mb40,ul.mb40,li.mb40,span.mb40,h2.mb40,h3.mb40,h4.mb40,h5.mb40,h6.mb40,table.mb40,img.mb40 { margin-bottom: 40px ;}
div.mb60,p.mb60,ul.mb60,li.mb60,span.mb60,h2.mb60,h3.mb60,h4.mb60,h5.mb60,h6.mb60,table.mb60,img.mb60 { margin-bottom: 60px ;}
div.mb80,p.mb80,ul.mb80,li.mb80,span.mb80,h2.mb80,h3.mb80,h4.mb80,h5.mb80,h6.mb80,table.mb80,img.mb80 { margin-bottom: 80px ;}
div.mb100,p.mb100,ul.mb100,li.mb100,span.mb100,h2.mb100,h3.mb100,h4.mb100,h5.mb100,h6.mb100,table.mb100,img.mb100  { margin-bottom: 100px;}

/*ast(pc)*/
p.ast { font-size:88% !important;}
ul.ast { margin: 0 auto 40px;}
ul.ast li {font-size:90% !important;margin-bottom: 6px;}


/* midashi */
.midashi01 { margin-bottom: 35px; }
.midashi01 .en { margin-bottom: 20px; font-size: 12px; letter-spacing: 2px; }
.midashi01 .jp { font-size: 30px; line-height: 1.6; }

.midashi02 { padding-bottom: 30px; margin-bottom: 30px; }
.midashi02:before { width: 75px; }
.midashi02:after { width: 14px; height: 16px; bottom: -8px; }
.midashi02 .en { margin-bottom: 10px; font-size: 38px; letter-spacing: 4px; }
.midashi02 .jp { font-size: 18px; }

.midashi03 { margin-bottom: 40px; }
.midashi03 .en {margin-bottom: 4px;font-size: 34px;}
.midashi03 .en:after { margin-left: 20px; }
.midashi03 .jp { font-size: 13px; }

.midashi04 { margin-bottom: 40px; }
.midashi04 .en {margin-bottom: 4px;font-size: 34px;}
.midashi04 .en:after { margin-left: 20px; }
.midashi04 .jp { font-size: 13px; }

.midashi05 {margin: 0 auto 40px;font-size: 20px;}
.midashi05:before { margin-right: 30px; }
.midashi05:after { margin-left: 30px; }

.midashi06{ padding-left: 10px; margin-bottom: 8px;}

/* more */
.more01 { padding: 2px 35px 2px 12px; font-size: 14px; }
.more01:hover:after { right: -2px; }
.more01:before { width: 26px; height: 26px; border-width: 1px; }
.more01:after { width: 26px; height: 26px; }

/* tbl */
.tbl01 { font-size: 16px; margin: 0 auto 60px;}
.tbl01:before {/* width: 220px; */}
.tbl01 th,.tbl01 td {padding: 14px;margin: 10px 0;}
.tbl01 td {width: 77%;display: inline-block;margin: 0;}
.tbl01 th {text-align:center;width: 220px; display: inline-block;}
.tbl01 td .tel {font-size: 26px;}
.tbl01 td>li {font-size: 14px;}
.tbl01 td>li span {padding-top:0;}
.tbl01 p span{ padding-left: 10px; margin-bottom: 8px;}
.tbl01 tr{border-bottom: 1px dotted #d9d9d9;display: block;}

.tbl02 {margin: 0 auto 40px;font-size: 13px;}
.tbl02 th {padding: 10px;}
.tbl02 th:nth-child(1) { width: 20%;}
.tbl02 th:nth-child(n+2) { width: 40%;}
.tbl02 tr { border-bottom: 1px solid #ccc; }
.tbl02 td {padding: 10px;}



/* header
----------------------------------------------- */
.header { height: 110px; -moz-box-shadow: 0 0 15px var(--blue03); -webkit-box-shadow: 0 0 15px var(--blue03); box-shadow: 0 0 15px var(--blue03); }
.header.hide{transform: translateY(-110px);}
.header.min { height: 70px;}
.header.min .header-logo {width: 90px;}

.header-content { width: 1200px; margin: auto; position: relative; }
.header-logo {width: 130px;margin: 0 20px;transition:0.6s;}
.header-global-items {padding-top: 4px;margin-right: 8px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.header-global-items li {margin: 0 14px;text-align: center;position: relative;}
.header-global-items li.current:after, .header-global-items li:hover:after { width: 50px; }
.header-global-items li.current a, .header-global-items li:hover a { opacity: 1; }
.header-global-items li:after { content: ''; width: 0; height: 2px; background: var(--yellow02); position: absolute; bottom: -10px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); }
.header-global-items a { padding: 4px 0; }
.header-global-items .en {margin-bottom: 5px;font-size: 14px;font-family: "urbane-rounded";font-weight: 500;letter-spacing: 2px;display: block;}
.header-global-items .jp {color: #6d7376;font-size: 11px;display: block;}
.header-cv-btn {padding: 0;margin: 0;width: 200px;}
.header-cv-btn .title { padding: 10px 18px; background-size: 15px; }


/* hero
----------------------------------------------- */
.top-hero-content {width: 1200px;padding-bottom: 1px;margin: auto;padding: 100px 0;}
.top-hero-image01 {width: 1070px;margin: 0 0 110px -400px;}
.top-hero-image02 { width: 670px; margin: 0; position: absolute; top: 160px; right: -225px; }
.top-hero-image03 { width: 400px; margin: 0 220px 90px auto;}
.top-hero-text01 {top: 890px; bottom: 110px; left: 0;}
.top-hero-title { margin-bottom: 30px; }
.top-hero-title .title { margin-bottom: 15px; font-size: 55px; line-height: 1.2; }
.top-hero-title .sub { font-size: 20px; line-height: 2.2; }
.top-hero-title .sub span { padding-bottom: 8px; }
.top-hero-cv-btn { padding: 14px 30px; font-size: 20px; display: table; }
.top-hero-cv-btn .title { padding: 10px 50px; background-size: 15px; }
.top-hero-text02 {bottom: 180px;right: 20px;}
.top-hero-subtitle .jp { margin-left: 15px; font-size: 20px; letter-spacing: 1px; }
.top-hero-subtitle .en { font-size: 10px; line-height: 1.8; letter-spacing: 2px; }
.top-hero-tag-items { margin: 0; position: absolute; top: 640px; left: 755px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-hero-tag-items li { margin: 0 12px 0 0; font-size: 14px; letter-spacing: 2px; }
.top-hero-scroll {padding-top: 150px; top: 495px; right: 0;}
.top-hero-scroll:before { height: 140px; }
.top-hero-scroll:after { width: 12px; height: 14px; background-size: 100%; top: 132px; }
.top-hero-scroll .title { padding-left: 2px; font-size: 10px; letter-spacing: 2px; }
@keyframes circlemove { 0% { top: -7px; }
100% { top: 133px; } }
.second-hero { height: 390px; margin-bottom: -18px; }
.second-hero:before { height: 40px; }
.second-hero:after { width: 12px; height: 14px; bottom: -12px; }
.second-hero-title { top: 200px; }
.second-hero-title .en { margin-bottom: 20px; font-size: 15px; letter-spacing: 4px; }
.second-hero-title .jp {font-size: 32px;margin-bottom: 12px;}
.second-hero-logo { width: 1020px; right: auto; bottom: -60px; left: calc(50% + 15px); }


/* cv
----------------------------------------------- */
.cv-area {padding: 40px 0 80px;background: url(../images/bg01.jpg) repeat top center / 84px;}
.cv-area img {width: 654px;margin: 0 auto 0px;}
.cv-area .cv-btn { margin: 0 auto;padding: 28px;}
.cv-ticker-items {margin-bottom: 40px;}
.cv-ticker-item { width: 660px; font-size: 35px; letter-spacing: 5px; }

.cv-btn { width: 500px; padding: 18px 0; font-size: 25px; }
.cv-btn .title {background: url(../images/deco01@2x.png) no-repeat center left, url(../images/deco01@2x.png) no-repeat center right;background-size: 15px;padding: 0;font-size: 24px;width: 80%;}

.contact-line { margin: 10px 0; font-size: 15px; width:400px;}
.contact-line span:before {content: "\e906";font-family: icon; font-size: 90%; margin-right: 4px;}
.contact-line a { color: #fff;padding: 20px 0;}

.btn-cv{width: 380px;}

/* bread
----------------------------------------------- */
.breadcrumb-items { width: 1200px;padding: 14px 0;  }
.breadcrumb-items li { font-size: 14px; }
.breadcrumb-items li:after { margin: 0 12px 0 8px; }


/* footer
----------------------------------------------- */
.footer {padding: 80px 0 100px;background: url(../images/footer-bg-pc.jpg) no-repeat top center;background-size: cover;}
.footer-content { width: 1200px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
.footer-logo { width: 210px; margin: 0 auto 0 20px; }
.footer-navi { width: 910px; margin: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
.footer-navi-box { width: 270px; margin: 0; }
.footer-navi-box:first-child { width: 580px; }
.footer-navi-title { margin-bottom: 20px; font-size: 15px; letter-spacing: 4px; }
.footer-navi-title:after { margin-left: 15px; }
.footer-navi-items { width: 190px; }
.footer-navi-items li { padding-left: 15px; margin-bottom: 12px; font-size: 14px; }
.footer-foot {width: 100%;padding-top: 30px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.footer-social-box { width: auto; margin: 0; order: 1; }
.copyright { width: auto; padding: 0; font-size: 12px; letter-spacing: 1px; border: none; order: 0; }


@-moz-keyframes circle { 0% { -moz-transform: rotate(0); transform: rotate(0); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes circle { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes circle { 0% { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.footer-fixed-outer  {max-width: 340px;margin: 0;bottom: 20px;right:20px;left:inherit;transform: translateX(0%);-webkit-transform: translateX(0%);-ms-transform: translateX(0%);padding: 0;background: none;}
.footer-fixed-wrapper  {gap: 20px;}
.footer-fixed{width: 100%;}



/* second
----------------------------------------------- */
.second:before { width: 180vw; /*min-width: 2400px; */}
.second-text {width: 1200px;min-height: 500px;padding: 180px 0 60px;}
.second-text p { margin-bottom: 30px; font-size: 15px; }
}


/* ========================================
 retina
==========================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.second-container { background: url(../images/bg02@2x.jpg) repeat top center; background-size: 80px; }
.midashi02:after { background: url(../images/deco01@2x.png) no-repeat center; background-size: 100%; }
.cv-btn .title {background: url(../images/deco01@2x.png) no-repeat center left, url(../images/deco01@2x.png) no-repeat center right;background-size: 15px;padding: 0;}
.header-cv-btn .title { background: url(../images/deco01@2x.png) no-repeat center left, url(../images/deco01@2x.png) no-repeat center right; background-size: 15px; }
.top-hero-cv-btn .title { background: url(../images/deco01@2x.png) no-repeat center left, url(../images/deco01@2x.png) no-repeat center right; background-size: 15px; }
.top-hero-scroll:after { background: url(../images/deco01@2x.png) no-repeat center; background-size: 100%; }
.second-hero:after { background: url(../images/deco01-yellow@2x.png) no-repeat center; background-size: 100%; }
.cv-area {background: url(../images/bg01@2x.jpg) repeat top center / 84px;}
.footer { background: url(../images/footer-bg-pc@2x.jpg) no-repeat top center; background-size: cover; }
}