@charset "utf-8";
/* CSS Document */

/* ハンバーガー
------------------------------------------------------------*/
.menu-btn {line-height: 1;}
.menu-btn a {
display: block;
text-decoration: none;
/* safari hack */
font-size: 2.2rem;
vertical-align: middle;
}
.btn-open::after {
color: #555;
content: "\f394";
font-family: "Ionicons";
transition: all 0.2s linear 0s;
vertical-align: middle;
}
.btn-close::after {
color: #555;
content: "\f2d7";
font-family: "Ionicons";
transition: all 0.2s linear 0s;
vertical-align: middle;
}
.btn-open::before,.btn-close::before {
font-family: "Century Gothic", Futura, "Trebuchet MS", Arial, sans-serif;
font-size: 1.2rem;
vertical-align: middle;
}
.btn-open::before {
content: 'MENU';
padding-right: 0.3em;
padding-left: 0.02em;
}
.btn-close::before {
content: 'CLOSE';
padding-right: 0.3em;
}

/* OVERLAY */
.overlay {
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
display: none;
/*overflow: auto;*/
background: rgba(255, 255, 255, 0.8);
}


@media screen and (max-width: 800px) {
.menu-btn a {font-size: 2.0rem;}
.btn-open::before,.btn-close::before {font-size: 1.0rem;}
}

@media screen and (max-width: 640px) {
.menu-btn a {font-size: 2.4rem;}
.btn-open::before,.btn-close::before {font-size: 0.8rem; padding-right: 0.5em;}
}

/* カード型メニュー
------------------------------------------------------------*/
.card-menu-base{ 
display: flex;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
align-content: center;
position:absolute;
}

#card-menu{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
text-align: center;
align-items: center;
align-content: center;
position:absolute;
/*width: 80%;*/
/*height: 100%;*/
max-width: 603px;
/*margin: -2% auto 0;*/
font-family: helvetica, arial, "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-weight: normal;
}

#card-menu li{
width: 165px;
height: 165px;
margin: 18px;
padding: 0;
}

#card-menu li a{
display:block;
width:100%;
height:100%;
padding: 30px 0;
color: #fff;
background-color: #4b84bd;
transition: all 0.8s ease 0s;
}
#card-menu li span{font-size: 2.0rem;}
#card-menu li a:hover{color: #555; background-color: #fff;}
#card-menu .card-menu-h2{font-size: 1.6rem; line-height: 1.3;}
#card-menu .card-menu-h2 span{
display: block;
font-size: 1.0rem;
font-weight: normal;
letter-spacing: 0.6em;
margin-top: 1em;
margin-left: 0.7em;
margin-bottom: 0.5em;
}

#card-menu li:nth-child(8){
width: 366px;
height: auto;
}
#card-menu li:nth-child(8) a{
padding: 0;
background-color: inherit;
opacity: 1;
}
#card-menu li a img{transition: all 0.8s ease 0s;}
#card-menu li a img:hover{opacity: 0.7;}

#card-menu li{opacity: 0; animation: menu_animation 0.7s linear forwards;}
#card-menu li:nth-child(1){animation-delay: 0.3s;}
#card-menu li:nth-child(2){animation-delay: 0.5s;}
#card-menu li:nth-child(3){animation-delay: 0.7s;}
#card-menu li:nth-child(4){animation-delay: 0.9s;}
#card-menu li:nth-child(5){animation-delay: 1.1s;}
#card-menu li:nth-child(6){animation-delay: 1.3s;}
#card-menu li:nth-child(7){animation-delay: 1.5s;}
#card-menu li:nth-child(8){animation-delay: 1.7s;}

@keyframes menu_animation{
from{opacity: 0;}
to{opacity: 1;}
}
.text-wrap02{
font-size: 1rem;
letter-spacing: 0.2em;
}


/*@media screen and (min-width: 1200px) {
#card-menu{
}
#card-menu li{
width: 200px;
height: 200px;
margin: 18px;
}

#card-menu li a{padding: 20px 0;}
#card-menu li span{font-size: 3.0rem;}
#card-menu .card-menu-h2{font-size: 1.6rem;}
#card-menu .card-menu-h2 span{font-size: 1.0rem;}
}*/

@media screen and (max-width: 800px) {
#card-menu{
align-content: flex-start;
margin: -5% auto 0;
max-width: 510px;
}
#card-menu li{
width: 140px;
height: 140px;
margin: 15px;
}
#card-menu li a{padding: 25px 0;}
#card-menu li span{font-size: 2.4rem;}
#card-menu .card-menu-h2{font-size: 1.4rem; line-height: 1.0;}
#card-menu .card-menu-h2 span{font-size: 0.8rem; margin-top: 0.8em;}
#card-menu li:nth-child(8){
width: 310px;
height: auto;
}
}


@media screen and (max-width: 640px) {
.card-menu-base{min-height: 850px;
	position:relative;}
	
#card-menu{
align-content: center;
margin: -13% auto 0;
width: 232px;
}
#card-menu li{
width: 100px;
height: 100px;
margin: 8px;
}
#card-menu li a{padding: 12px 0;}
#card-menu li span{font-size: 2.0rem;}
#card-menu .card-menu-h2{font-size: 1.0rem;}
#card-menu .card-menu-h2 span{font-size: 0.7rem;
letter-spacing: 0.3em;}
#card-menu li:nth-child(8){
width: 216px;
height: auto;
}
}

@media screen and (max-width: 360px) {
#card-menu{
margin: -35% auto 0!important;}
#card-menu li:nth-child(8){
display: none;
min-height: 800px;}
}

/* 上部固定グローバルナビ
------------------------------------------------------------*/
.cb-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 0 1%;
z-index: 10000;
background-color: #000;
}

.g-nav {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
margin: 0 auto;
font-family:  "Century Gothic", Futura, "Trebuchet MS", Arial, sans-serif;
font-size: 1.2em;
list-style-type: none;
text-align: center;
}
.g-nav a {
display: block;
padding: 12px 5px;
line-height: 1.0;
font-weight: bold;
color: #4b84bd;
}
.g-nav li a:hover {color: #fff;}

.gnav-menu li:last-child{display: none;}

.gnav-menu  > li.menu-item-has-children{
	position: relative;}

.menu-item-has-children {
 display: inline-block;
 position: relative;
}

.gnav-menu  > li.menu-item-has-children > a span::after {
margin-right: -0.7em;
padding-left: 2px;
content: '▾';
}

.gnav-menu > li ul {
position: absolute;
}

.menu-item-has-children  > ul{
position: absolute;
left: -25%;
top: 100%;
background: #000;
height: 0;
overflow: hidden;
text-align: left;
padding-left: 1em;
}

.menu-item-has-children:hover  >ul{
	height: auto;
	padding-right: 1.5em;
}




	
.gnav-logo{
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
font-size: 1.1em;
font-weight: normal;
letter-spacing: 0.1em;
}
.gnav-logo span:nth-child(2){margin: 0 0.05em;}
.gnav-logo span:nth-child(9){margin: 0 -0.1em;}
.gnav-logo span:nth-child(11){margin-left: 0.2em;}
.gnav-logo span:nth-child(15){margin-left: -0.1em;}

.gnav-logo a{
margin: 0;
padding: 0;
color: #fff;
}

.gnav-menu{
width: 60%;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0;
padding: 0;
}

.gnav-sns{
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
}

.gnav-sns li/*a*/{margin: 0 12px; color: #4b84bd;}

@media screen and (max-width: 980px) {
/* 上部固定グローバルナビ
------------------------------------------------------------*/
.g-nav {font-size: 1.1em;}
.g-nav a {font-weight: normal;}
.gnav-sns li /*a*/{margin: 0 8px;}
}


@media screen and (max-width: 800px) {
/* 上部固定グローバルナビ
------------------------------------------------------------*/
.cb-header {padding: 0;}

.g-nav {font-size: 1.0em;}
.g-nav a {padding: 12px 2px;}
.g-nav li a:hover {color: #4b84bd;}
.gnav-logo{margin: 0 1%; font-size: 1.0rem;}
.gnav-menu{width: 80%;}
.gnav-sns{display: none;}
}


@media screen and (max-width: 640px) {
.cb-header {padding: 0; z-index: 999999;}
.g-nav a {padding: 0px 2px;}

.gnav-menu{
display: block;
margin: 0 1%;
text-align: right;
}
.gnav-menu li{display: none;}
.gnav-menu li:last-child{display: block;}
}
.gnav-menu .btn-open::after, .gnav-menu .btn-close::after {color: #fff;}


/* 会社名
------------------------------------------------------------*/
#dc{
width: 100%;
font-family: "Century Gothic", Futura, "Trebuchet MS", Arial, sans-serif;
text-align: center;
margin: 25px 0 0;
}

#dc p{
line-height: 1.6;
margin: 0;
padding: 0;
}
.text-wrap01 span{
display: inline-block;
font-size: 1.4rem;
letter-spacing: 0.1em;
opacity: 0;
transform: translateX(200px);
animation: text_animation 1.0s linear forwards;
}
.text-wrap01 span:nth-child(1){animation-delay: 2.5s;}
.text-wrap01 span:nth-child(2){animation-delay: 2.7s; margin-right: 0.05em;}
.text-wrap01 span:nth-child(3){animation-delay: 2.0s;}
.text-wrap01 span:nth-child(4){animation-delay: 2.2s;}
.text-wrap01 span:nth-child(5){animation-delay: 2.4s;}
.text-wrap01 span:nth-child(6){animation-delay: 2.6s;}
.text-wrap01 span:nth-child(7){animation-delay: 2.8s;}
.text-wrap01 span:nth-child(8){animation-delay: 2.0s;}
.text-wrap01 span:nth-child(9){animation-delay: 2.5s; margin: 0 -0.1em;}
.text-wrap01 span:nth-child(10){animation-delay: 2.7s;}
.text-wrap01 span:nth-child(11){animation-delay: 2.0s; margin-left: 0.2em;}
.text-wrap01 span:nth-child(12){animation-delay: 2.2s;}
.text-wrap01 span:nth-child(13){animation-delay: 2.4s;}
.text-wrap01 span:nth-child(14){animation-delay: 2.6s;}
.text-wrap01 span:nth-child(15){animation-delay: 2.8s; margin-left: -0.1em;}
.text-wrap01 span:nth-child(16){animation-delay: 2.0s;}
.text-wrap01 span:nth-child(17){animation-delay: 2.5s;}

@keyframes text_animation{
from{
opacity: 0;
transform: translateX(200px);
}
to{
opacity: 1;
transform: translateX(0);
}
}
.text-wrap02{
font-size: 1rem;
letter-spacing: 0.2em;
}

@media screen and (max-width: 640px) {
#dc{margin: 4% 0 0;}
}


/* マウススクロールアイコン
------------------------------------------------------------*/
#scroldown {
margin-top: 20px;
margin-left: -50px;
padding: 20px 0;
font-family: "Century Gothic", Futura, "Trebuchet MS", Arial, sans-serif;
text-align: center;
}
#scroldown a {
position: relative;
padding: 10px 5px;
color: inherit;
z-index: 2;
}
#scroldown a span {
position: absolute;
top: -4px;
left: 0%;
width: 30px;
height: 50px;
margin-left: 115px;
border: 2px solid #999;
border-radius: 50px;
box-sizing: border-box;
}
#scroldown a span::before {
position: absolute;
top: 3px;
left: 50%;
content: '';
width: 6px;
height: 6px;
margin-left: -3px;
background-color: #0086e1;
border-radius: 100%;
animation: sdb 2s infinite;
box-sizing: border-box;
}
#scroldown a:hover{
opacity: 0.7;
}
@keyframes sdb {
0%   {transform: translate(0, 0); opacity: 0;}
40%  {opacity: 1;}
80%  {transform: translate(0, 15px); opacity: 0;}
100% {opacity: 0;}
}

@media screen and (max-width: 640px) {
#scroldown {
margin-top: 2%;
}
}


/* ボタン
------------------------------------------------------------*/
.btn{
position: absolute;
bottom: 9%;
right: 9%;
}

.btn a{
display: block;
width: 100%;
margin: 0;
padding: 2px 15px;
font-family: "Century Gothic", Futura, "Trebuchet MS", Arial, sans-serif;
font-size: 0.8rem;
text-align: center;
color: #fff;
border: 2px #fff solid;
transition: .3s;
}

.btn a:hover{
color: #4B84BD;
background-color: #fff;
font-weight: bold;
transform: scale(1.1);
}

@media screen and (max-width: 640px) {
.btn{
position: absolute;
bottom: 5%;
right: 5%;
}
}

/* ページトップへもどる
------------------------------------------------------------*/
.pagetop {
display: none;
position: fixed;
bottom: 70px;
right: 30px;
z-index: 999;
}

.pagetop a {
display: block;
font-size: 2.8em;
line-height: 0;
text-align: center;
text-decoration: none;
padding: 12px 16px 15px;
background-color: rgba(255,255,255,0.7);
border-radius: 50%;
}
.pagetop a:hover {background-color: #4B84BD; color: #fff;}


@media screen and (max-width: 800px) {
.pagetop {bottom: 4%; right: 2%;}
.pagetop a {font-size: 2.0em;}
.pagetop a:hover {background-color: rgba(255,255,255,0.7); color: #555;}
}


/* スライダー
------------------------------------------------------------*/
#portfolio{
width: 100%;
margin: 0;
padding: 0;
}
.flipster {
width: 100%;
margin: 0;
padding: 0;
font-size: 1.0em;
text-align: center;
}
.flipster img {
display: block;
margin: 0 auto.3em;
width: 100%;
height: auto;
}
.flipster span{
margin: 0;
padding: 0;
margin-right: 0.5em;
}


/* ポップアップ
------------------------------------------------------------*/
.iframe-modal .youtube{
position: relative;
width:100%;
padding-top: 56.25%;
margin-bottom: 1em!important;
}
.iframe-modal .youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

.inline-modal, .iframe-modal {
position: relative;
margin:0 auto;
padding: 10px;
text-align:center;
color: #fff;
}
.inline-modal a, .iframe-modal a{
color: #fff;
text-decoration: underline;
}
.popup-modal > img{
max-width: 300px!important;
height: auto;
}
.popup-modal > p{
margin-top: 0.5em;
/*font-weight: bold;*/
line-height: 1.4!important;
}
.inline-modal h4, .iframe-modal h4 {
font-size: 100%;
margin-top: 1em;
}
.inline-modal .image img {height:auto;}
/*.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: auto!important;
}*/
.mfp-close-btn-in .mfp-close{color: #fff!important;}
.inline-modal .mfp-close, .iframe-modal .mfp-close {
/*right: -30px!important;*/
top: -30px!important;
}


/* ローダー
------------------------------------------------------------*/
#loader{
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    _position: absolute;     /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -40px;       /* heightの半分のマイナス値 */
    margin-left: -40px;      /* widthの半分のマイナス値 */
    z-index: 99999999990;             /* #fadeより多い値を入れて下さい */
}
#fade{
    width: 100vw;
    height: 100vh;
	position: fixed;
	top: 0px;
  left: 0px;
    display: none;
    background-color: #555;
    z-index: 9999999;              /* #loaderより少ない値を入れて下さい */
}

[role="progressbar"][aria-busy="true"] {
  position: relative;
  width: 55px;
  height: 55px;
}
[role="progressbar"][aria-busy="true"]::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 15px;
  height: 15px;
  content: '';
  box-shadow: 20px 0 0 rgba(255, 255, 255, 0), 40px 0 0 rgba(255, 255, 255, 0), 0 -20px 0 rgba(255, 255, 255, 0), 20px -20px 0 rgba(255, 255, 255, 0), 40px -20px 0 rgba(255, 255, 255, 0), 0 -40px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
  animation: loader 1.7s linear forwards infinite;
}
[role="progressbar"][aria-busy="true"]::after {
  position: absolute;
  bottom: 10px;
  left: 0;
  display: block;
  width: 15px;
  height: 15px;
  background-color: #fff;
  opacity: 0;
  content: '';
  animation: base 1.7s linear forwards infinite;
}

@keyframes base {
  0% {
    bottom: 10px;
    opacity: 0;
  }
  5%, 50% {
    bottom: 0;
    opacity: 1;
  }
  55%, 100% {
    bottom: -10px;
    opacity: 0;
  }
}
@keyframes loader {
  0% {
    box-shadow: 20px -10px rgba(255, 255, 255, 0), 40px 0 rgba(255, 255, 255, 0), 0 -20px rgba(255, 255, 255, 0), 20px -20px rgba(255, 255, 255, 0), 40px -20px rgba(255, 255, 255, 0), 0 -40px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
  }
  5% {
    box-shadow: 20px -10px rgba(255, 255, 255, 0), 40px 0 rgba(255, 255, 255, 0), 0 -20px rgba(255, 255, 255, 0), 20px -20px rgba(255, 255, 255, 0), 40px -20px rgba(255, 255, 255, 0), 0 -40px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
  }
  10% {
    box-shadow: 20px 0 white, 40px -10px rgba(255, 255, 255, 0), 0 -20px rgba(255, 255, 255, 0), 20px -20px rgba(255, 255, 255, 0), 40px -20px rgba(255, 255, 255, 0), 0 -40px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
  }
  15% {
    box-shadow: 20px 0 white, 40px 0 white, 0 -30px rgba(255, 255, 255, 0), 20px -20px rgba(255, 255, 255, 0), 40px -20px rgba(255, 255, 255, 0), 0 -40px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
  }
  20% {
    box-shadow: 20px 0 white, 40px 0 white, 0 -20px white, 20px -30px rgba(255, 255, 255, 0), 40px -20px rgba(255, 255, 255, 0), 0 -40px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
  }
  25% {
    box-shadow: 20px 0 white, 40px 0 white, 0 -20px white, 20px -20px white, 40px -30px rgba(255, 255, 255, 0), 0 -40px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
  }
  30% {
    box-shadow: 20px 0 white, 40px 0 white, 0 -20px white, 20px -20px white, 40px -20px white, 0 -50px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
  }
  35% {
    box-shadow: 20px 0 white, 40px 0 white, 0 -20px white, 20px -20px white, 40px -20px white, 0 -40px white, 20px -50px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
  }
  40% {
    box-shadow: 20px 0 white, 40px 0 white, 0 -20px white, 20px -20px white, 40px -20px white, 0 -40px white, 20px -40px white, 40px -50px rgba(242, 205, 123, 0);
  }
  45%, 55% {
    box-shadow: 20px 0 white, 40px 0 white, 0 -20px white, 20px -20px white, 40px -20px white, 0 -40px white, 20px -40px white, 40px -40px #4b84bd;
  }
  60% {
    box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 0 white, 0 -20px white, 20px -20px white, 40px -20px white, 0 -40px white, 20px -40px white, 40px -40px #4b84bd;
  }
  65% {
    box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 10px rgba(255, 255, 255, 0), 0 -20px white, 20px -20px white, 40px -20px white, 0 -40px white, 20px -40px white, 40px -40px #4b84bd;
  }
  70% {
    box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 10px rgba(255, 255, 255, 0), 0 -10px rgba(255, 255, 255, 0), 20px -20px white, 40px -20px white, 0 -40px white, 20px -40px white, 40px -40px #4b84bd;
  }
  75% {
    box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 10px rgba(255, 255, 255, 0), 0 -10px rgba(255, 255, 255, 0), 20px -10px rgba(255, 255, 255, 0), 40px -20px white, 0 -40px white, 20px -40px white, 40px -40px #4b84bd;
  }
  80% {
    box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 10px rgba(255, 255, 255, 0), 0 -10px rgba(255, 255, 255, 0), 20px -10px rgba(255, 255, 255, 0), 40px -10px rgba(255, 255, 255, 0), 0 -40px white, 20px -40px white, 40px -40px #4b84bd;
  }
  85% {
    box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 10px rgba(255, 255, 255, 0), 0 -10px rgba(255, 255, 255, 0), 20px -10px rgba(255, 255, 255, 0), 40px -10px rgba(255, 255, 255, 0), 0 -30px rgba(255, 255, 255, 0), 20px -40px white, 40px -40px #4b84bd;
  }
  90% {
    box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 10px rgba(255, 255, 255, 0), 0 -10px rgba(255, 255, 255, 0), 20px -10px rgba(255, 255, 255, 0), 40px -10px rgba(255, 255, 255, 0), 0 -30px rgba(255, 255, 255, 0), 20px -30px rgba(255, 255, 255, 0), 40px -40px #4b84bd;
  }
  95%, 100% {
    box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 10px rgba(255, 255, 255, 0), 0 -10px rgba(255, 255, 255, 0), 20px -10px rgba(255, 255, 255, 0), 40px -10px rgba(255, 255, 255, 0), 0 -30px rgba(255, 255, 255, 0), 20px -30px rgba(255, 255, 255, 0), 40px -30px rgba(242, 205, 123, 0);
  }
}



.iv{opacity: 0;}

/*.iv {
  visibility: hidden;
}*/





/* 印刷プレビュー */  
@media print {
.gnav-none, #sideber, footer, .pagetop {
display: none;
}

#wrap{
max-width: 800px;
}
#contents-wrap{
width: 100%;
margin: 0 auto;
}


* {
opacity: 1!important;
animation-fill-mode: none!important;
animation-duration: 0s!important;
animation: none!important;
background-attachment: scroll!important;
transform: none!important;
max-width: 100%;
}


#animation_container {
max-width: 800px;
-ms-transform: translate(-50%,-50%)!important;
-webkit-transform: translate(-50%,-50%)!important;
transform: translate(-50%,-50%)!important;
}
#canvas{
max-width: 800px;
padding: 10% 20%;
}

#stage-1{
display: block;
height: auto;
min-height: auto;
}
.hello{
width: 80%;
min-width: inherit;
}
.hello p{font-size: 16px;}

.text-wrap01 span{transform: translateX(0px);}

.work-cont-l,.work-cont-r{width: 40%;}
.text-wrap{width: 100%;}

.work-cont-inner h2{font-size: 40px;}
.work-cont-inner h2 span.h2-kana {font-size: 16px;}
.work-cont-inner p{
font-size: 14px;
line-height: 1.6;
margin-top: 1em;
}
.work-cont-r h2,.work-cont-r h2 span.h2-kana{margin-left: 0; }

#stage-6{justify-content: center;}
.news-wrap{width: 348px; margin: 20px;}
.recruitbanner-wrap{width: 348px; margin: 20px;}
.support-banner-wrap{flex-wrap: nowrap; justify-content: center;}
.support-img{margin: 20px;}

.br-pc { display:none; }
.br-980 { display:none; }
.br-800 { display:none; }
.br-640 { display:none; }
.br-480 { display:none; }
.br-360 { display:none; }

}