/*==================
 ▼ブレイクポイントのルール▼-SPファースト-
 *〜479px：SP縦/ *480px〜：SP横/*600px〜タブレット/*960px〜小型PC/*1280px〜大型PC
==================*/

/*  画面サイズが480pxまで  */

/* footer ---------------------------------------- */

/* content ---------------------------------------- */

/* sidebar ---------------------------------------- */

/* ------------------------------------------------ */

html {font-size: 75%;
}

body#CN {
font-family: 'SimHei','Microsoft YaHei','Microsoft JhengHei UI','SimSun' !important;
}


.vPC {display: none;
}

.tC {text-align: center;
}

.tGreen {color: #3a3;
}

.tBlueGreen {color: #007d8b;
}

.cB {clear: both;
}

.p0 {padding: 0;
}

.mB0{margin-bottom: 0 !important;
}

.mB2{margin-bottom: 2rem;
}

.tBlue {color: #06f;
}

.tRed {color: #c00;
}

.btnGreen {color: #fff;background: #3a3;
}

.btnBlue {color: #fff;background: #06f;
}

.btnBlueGreen {color: #fff;background: #007d8b;
}

.btnWhite {color: #06f;background: #fff;
}

.markerYellow {background: yellow;
}

.bgGray {padding-bottom: 1px;background: #eee url(../img/bgGray.jpg);background-position: right;background-size: cover;
}

.bgG{background: #eee;margin-bottom: 3rem;position: relative;top: -2px;
}

.bgYO {padding-bottom: 1px;background: #eee url(../img/lineYO.gif) repeat;background-size: 55px;
}

.bgYO h3,.bgW h3,#CONTACT h3{font-size: 1.8rem;text-align: center;padding: 2rem 0;
}

.staff h3{font-size: 1.4rem;
}

.bgYO + p,
.bgW + p {padding: .5rem 0;text-align: center;background: orange;
}

.bgW + p {background: #ccc;
}

.bgYO + p .btnR {color: #fff;background: #f63;
}

.bgW + p .btnR {color: #fff;background: #aaa;
}

.bgYO + p .btnR,
.bgW + p .btnR {line-height: 1;display: inline-block;width: 18%;
}

.bgYO + p .btnR:hover,
.bgW + p .btnR:hover {text-decoration: none;background: #fff;
}

.bgYO + p .btnR:hover {color: #f63;
}

.bgW + p .btnR:hover {color: #999;
}

.btnR {padding: .5rem 0;-webkit-border-radius: 2rem;-moz-border-radius: 2rem;border-radius: 2rem;
}

.p3x .btnR {display: block;width: 60%;margin: 1rem auto;text-align: center;
}
/* footer ---------------------------------------- */

footer {color: #fff;background: #06f;background: -moz-linear-gradient(left, #06f 1%, #393 100%);background: -webkit-linear-gradient(left, #06f 1%,#393 100%);background: linear-gradient(to right, #06f 1%,#393 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#339933',GradientType=1 );
}

/* header ---------------------------------------- */

#Outer {overflow: hidden;position: relative;
}

header {background: #fff;
}

section {position: relative;clear: both;max-width: 1620px;margin: 0 auto;
}

main{min-height: 52vh;
}

section#LogoH {padding: 1rem .5rem;
}

section#LogoH h1 {padding: 0 .8rem;
}

section#LogoH h1 > img,section#LogoH h1 > a img  {width: auto;height: 1.2rem;
}

section#LogoH h1 > span {font-size: 70%;display: block;
}

section h3 {font-size: 1.5rem;line-height: 1.2;padding: 1.5rem;text-align: center;
}

.Langage {font-size: 1rem;
}

.Langage a {color: #666;
}

.Langage a:hover {color: #0056b3;
}

#JPN .Langage .ja,
#EN .Langage .en,
#CN .Langage .cn {color: #9cf !important;pointer-events:none !important;cursor: default !important;
}

#JPN footer .Langage .ja,
#EN footer .Langage .en,
#CN footer .Langage .cn {color: #9cf !important;pointer-events: none !important;cursor: default !important;
}

#JPN .Langage .ja:hover,
#EN .Langage .en:hover {text-decoration: none;
}

#JPN footer .Langage a,
#EN footer .Langage a ,
#CN footer .Langage a  {color: #fff;
}

#JPN footer .Langage .ja:hover,
#EN footer .Langage .en:hover,
#CN footer .Langage .cn:hover {text-decoration: none;color: #fff;
}

/* SlideMenu---------------------------------------- */

.Langage,nav {display: none;
}

nav a {font-size: 100%;}

nav a:nth-of-type(6):after {display: inline-block;width: 1rem;height: 1rem;padding: 0 0 .2rem .2rem;content: url(../img/icon_link.svg);
}

nav a:nth-of-type(1) {padding-left: 0;
}


footer .Langage{display: block;
}

/* OPEN---------------------------------------- */
.open .Langage{position: relative;display: block;
}

.open nav {position: absolute;display: block;left: 0;top: 75px;width: 100%;background: rgba(255,255,255,0.9);z-index: 1000;padding: 2rem 0 1rem;
}

.open .Langage {width: 100%;padding: 0 1.2rem ;text-align: right;z-index: 1000;position: absolute;top: 7rem;
}

.open nav{display: block;
}

.open nav a {font-size: 140%;display: block;padding: 1.5rem .8rem;text-align: center;color: #666;border-bottom: 1px solid #666;
}

.open nav a:nth-of-type(1) {margin-top: .5rem;border-top: 1px solid #666;
}

#btnMenu {font-size: .5rem;position: absolute;top: 1.5rem;right: 1.5rem;display: block;width: 3rem;cursor: pointer;text-align: center;text-align: center;
}

#btnMenu img {display: inline-block;
}

.catchCopy {font-size: 1.2rem;line-height: 1.2;padding: 0 2rem;text-align: center;margin-bottom: 2rem;
}

.catchTit {line-height: 1.2;margin-bottom: 2rem;
}

.catchTit img {display: inline-block;width: auto;height: 1.6rem;margin: 1.3rem 0 .5rem;
}

.catchTit img + span {font-weight: normal;display: block;
}

/* p3---------------------------------------- */

section.p3 {padding: 0;
}

.p3 div {position: relative;
}

.p3 div:nth-of-type(1) p {font-size: 1.2rem;line-height: 2;padding: 0 1.5rem;
}

.p3 img {width: 100%;height: auto;
}

.p3 div:nth-of-type(2) img,
.p3 div:nth-of-type(3) img {width: auto;height: 100%;
}

.p3 div:nth-of-type(2) img {position: absolute;top: 0;right: 0;
}

.p3 div:nth-of-type(2),
.p3 div:nth-of-type(3) {float: left;width: 50%;height: 15rem;
}

/* p3---------------------------------------- */

.p3x {display: flex;flex-direction: row;width: 90%;margin: 0 auto 1rem;padding: 0;
}

.p3x div {line-height: 1.2;position: relative;text-align: center;flex: 1;
}

.p3x div img {display: block;width: 60%;height: auto;margin: 0 auto;
}

.p3x div a:hover {text-decoration: none;opacity: .5;color: #fff;
}

img.batsu {position: absolute;top: calc(50% - 4.75rem);right: calc(-20% + 12%);display: block;width: 20% !important;
}

/* infoBar---------------------------------------- */

#infoBar {font-weight: normal;margin: 0 0 2rem 0;padding: 0 1.5rem;
}

#infoBar > a {font-size: 90%;line-height: 1.2;display: inline-block;width: calc(100% - 9rem);vertical-align: middle;padding-right: 0.5rem;
}

a.noLink {cursor: default;color: #333;
}

#infoBar {margin-bottom: 3rem;
}

#infoBar > a.btnR5 {font-size: 70%;width: 9rem;padding: .3rem 0;cursor: pointer;text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}

#infoBar > a span:nth-of-type(1) {line-height: 1;display: block;width: 8rem;margin-right: 1rem;padding: .3rem;text-align: center;color: #666;background: #eee;
}

.btnRed {color: #fff;background: #c00;
}

.btnRed:hover {text-decoration: none;color: #fff;background: #f00;
}

.btnMail {display: inline-block;width: 20rem;
}

.btnMail img {display: inline-block !important;width: auto !important;height: 1.6rem !important;margin-right: .5rem !important;margin-bottom: .2rem;
}

/*Contents------------------------------------------*/

.contTit {width: 100%;
}

.contTit h3 {margin-bottom: 1rem;text-align: left;background-position-x: right;background-size: cover;padding: 1.5rem 0 1.5rem 1.5rem !important;
}

.contTit h3 em {font-style: normal;display: inline-block;vertical-align: middle;
}

#Development .contTit h3 {background-image: url(../img/top/bgBlue.jpg);
}

#Production .contTit h3 {background-image: url(../img/top/bgBlueGreen.jpg);
}

#Management {margin-bottom: 3rem;
}

#Management .contTit h3 {background-image: url(../img/top/bgGreen.jpg);
}

#Development,
#Production,
#Management {margin-bottom: 3rem;
}

#Development {margin-top: 2rem;
}

#Development > h3,
#Production > h3,
#Management > h3 {margin-bottom: 2rem;margin-top: 2rem;
}

#Development .c2 li span em {color: #06f;
}

#Production .c2 li span em {color: #3a3;
}

#Management > h4{font-size: 1.4rem;padding: 0 1.5rem;text-align: left;color: #3a3;margin-bottom: 0.5rem;
}

#Management > div h4 {font-size: 1.4rem;padding: 0;text-align: left;color: #3a3;margin-bottom: 0.5rem;
}


p.p15 {font-size: 1.2rem;line-height: 2;padding: 0 1.5rem;
}

.contTit h3 img {display: inline-block;width: 6rem;height: auto;margin-right: 0.5rem;
}

.contTit + p {font-size: 120%;text-align: center;
}

/*contactT------------------------------------------*/

.contactT {width: calc(100% - 3rem);margin: 0 1.5rem 4rem;
}

.contactT td {font-size: 120%;position: relative;display: block;
}

.contactT td img {display: block;width: 100%;max-width: 360px;height: auto;margin: 0 auto;
}

/*staff---------------------------------------------*/

.staff {padding: 0;
}

.staff li {margin-bottom: 1rem;list-style-type: none;
}

.staff li img {display: block;width: 60%;max-width: 320px;margin: 0 auto;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}

.staff li h3 small {font-size: 80%;font-weight: normal;display: block;margin-top: .5rem;
}

/*heros---------------------------------------------*/

.heros {padding: 0;
}

.heros .badge1 {position: relative;top: .25rem;right: 0;float: right;width: 2.5rem;
}

.heros li {list-style-type: none;
}

.heros li img {display: block;width: 100%;max-width: 320px;margin: 0 auto;
}

.heros li h3 {font-size: 1.4rem;padding: 1rem 1.5rem .5rem;text-align: center;background: #fff;
}

.heros li h3 small {font-size: 80%;font-weight: normal;display: block;margin-top: .5rem;
}

.heros li h3 span {display: block;height: 2.5rem;border-top: 1px dotted;
}

.R4 {position: relative;padding: 0 1.5rem 2rem;
}

.R4 img {width: 100%;
}

/*footer------------------------------------------*/

#footerBlock {padding: 1.5rem;
}

#footerBlock div:nth-of-type(1) {margin-bottom: .5rem;text-align: right;
}

#footerBlock div:nth-of-type(2) {margin-bottom: 3rem;border-top: 1px solid #fff;
}

#footerBlock div:nth-of-type(2) a {display: block;padding: .8rem;transition: background .3s ease;color: #fff;border-bottom: 1px solid #fff;
}

#footerBlock div:nth-of-type(2) a:hover {text-decoration: none;background: #06f;
}

#footerBlock div:nth-of-type(3) img {display: block;width: auto;height: 10rem;margin-bottom: 0.5rem;margin-left: 3rem;
}

#footerBlock div:nth-of-type(3) img + p {font-size: 1.5rem;font-weight: bold;margin-bottom: .5rem;
}

#footerBlock div:nth-of-type(3) img + p + p,
#footerBlock div:nth-of-type(3) img + p + p + p {margin-bottom: .5rem;
}

footer .btnR {font-size: 70%;font-weight: normal;display: inline-block;margin-left: 2rem;padding: 0 1rem;transition: background .3s ease;
}

footer .btnR:hover {text-decoration: none;color: #ffff;background: #06f;
}

.rights {line-height: 1;margin: 0;padding: 1rem 0;text-align: center;
}

.c2 {padding: 0;
}

.c2 li {font-size: 1.2rem;margin-bottom: .5rem;padding: 0 1.5rem;list-style-type: none;
}

.c2 li span {display: block;width: 100%;margin-bottom: 1rem;
}

.c2 li span:nth-of-type(1) img {display: block;width: 75%;margin: 0 auto;
}

.c2 li span em {font-size: 110%;font-weight: bold;font-style: normal;display: block;margin-bottom: .5rem;
}

/**/
.tips{background: #eee;
}

.tips span{display:block;max-width: 1620px;padding: 0.5rem 1.5rem;margin: 0 auto;
}

.tips span a:after{content: ' > ';color: #000;}

/*goTOPbtn-----------------------------------*/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0.5rem;
  bottom: 0.5rem;
  background: #3f98ef;
  opacity: 0.6;border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  content: url(/img/top/arrowR_w.svg);;
  color: #fff;
  position: absolute;
  width: 16px;
height: 16px;
transform: rotate(-90deg);
top: 15px;
left: 12px;
}

/*L2*/
.L2 article h3{text-align: center;font-size: 1.5rem;margin: 2rem 0;
}


.L2staff {display: -webkit-flex;display: flex;width: 100%;margin: 0 auto;-webkit-flex-flow: row wrap;position: relative;margin-bottom: 3rem;padding: 0;
}

.L2staff li {list-style-type: none;text-align: left;display: table-cell;
}

.L2staff li:nth-of-type(1) img{display: block;width: 80%;max-width: 320px;margin: 0.5rem auto 0.5rem;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}

.L2staff li h3{text-align: left;padding: 0;margin: 1rem 0 0 1rem;
}

.L2staff li h3 small {font-size: 80%;font-weight: normal;display: block;margin-top: .5rem;
}

.L2staff li:nth-of-type(3) P{margin: 0 1.5rem;font-size: 1.2rem;margin-bottom: 0.5rem;
}

.L2staff li:nth-of-type(1){flex-basis:30%;order:0;background: #eee;
}
.L2staff li:nth-of-type(2){flex-basis:70%;order:1;background: #eee;
}
.L2staff li:nth-of-type(3){flex-basis:100%;order:2;padding-top: 1rem;
}

.btnBack{line-height: 2.4;background: #06f;display: block;float: right;top: -0.5rem;position: relative;
color: #fff;text-decoration: none;padding: 0 1rem;}

.btnBack:after{display: none;
}

.btnBack:hover{text-decoration: none;color: #fff;background: #9cf;
}

.L2 .heros li:nth-of-type(1){flex-basis: 30% !important;
}
.L2 .heros li:nth-of-type(2){flex-basis: 70% !important;
}

.L2 .heros li:nth-of-type(2) h3{background: rgba(255,255,255,0.7);height: 100%;padding: 1rem 2rem;margin: 0;
}

.L2  .heros li h3 span.Detail{font-size: 1.2rem;font-weight: normal;line-height: 1.8;padding: 1rem 0 0;border-style: none;height: auto;text-align: left;
}


/*H3------------------------------*/
.H3{display: -webkit-flex;display: flex;width: 100%;margin: 0 auto;-webkit-flex-flow: row wrap;position: relative;margin-bottom: 3rem;padding: 0;
}

.H3 > div:nth-of-type(1){flex-basis: 100% !important;position: relative;
}
.H3 > div:nth-of-type(2){flex-basis: 100% !important;position: relative;
}


.H3 img{width: 100%;height: auto;
}

.H3 img.js-rollover{height: 100%;width: auto;position: absolute;left: 0;top: 0;opacity: 0;
}

/*T1------------------------------*/

.T1 {padding: 2rem 0 0;
}

.T1 div{background: #fff;margin-bottom: 2rem;
padding-bottom: 0.5rem;
}

.T1 div h4{background: orange;color: #fff;padding: 1rem 1.5rem;font-size: 1.2rem;
}


.TVs{width: 100%;background: #fff;margin-bottom: 2rem;
}

.TVs td{display: inline-block;width: 100%;position: relative;text-align: center;;font-size: 1.1rem;line-height: 1.8;
}

.TVs td:nth-of-type(1){vertical-align:bottom;padding-top: 1rem;
}

.TVs tr:nth-of-type(2) td{padding:1rem 1.5rem;text-align: left;
}

.TVs td img{width: 80%;height: auto;}


.liveShow img{width: 100%;height: auto;
}

.liveShow p{padding: 1rem 1rem 0;font-size: 1.2rem;line-height: 1.8;font-size:1.1rem;
}



.contactBlock {display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;justify-content:space-between;
position: relative;margin-bottom: 3rem;
}

.contactBlock > div:nth-of-type(1){flex-basis: 100%;
}
.contactBlock > div:nth-of-type(2){flex-basis: 100%;
}

.contactBlock > div:nth-of-type(1) p{padding: 1.5rem;
}



.sdgs p,.sdgs h5{padding:0 1.5rem;font-size: 1.1rem;line-height: 1.8;
}

.infoBlock a{position: relative;
}

.infoBlock a:after{position: absolute;top: 50%;right: 0.5rem;display: inline-block;content: '>';margin-top: -0.8em;transition: color 0.3s ease,opacity 0.3s ease;
}

.infoBlock a.NL:after{display: none;
}



/*480pxから:SP横*/

@media screen and (min-width:370px), print {

section#LogoH h1 {padding: 0 0.5rem;
}

section#LogoH h1 > img,section#LogoH h1 > a img {height: 1.3rem;
}

.p3 div:nth-of-type(2),
.p3 div:nth-of-type(3) {height: 20rem;
}

.catchTit img {height: 1.8rem;
}

.vSP375 {display: none;
}

.vSPH {display: none;
}


/**/

}

/*480pxから:SP横*/

@media screen and (min-width:480px), print {

html {font-size: 75%;
}

.catchTit img {height: 2.5rem;
}

.vSP414 {display: none;
}

/**/

}

/*600pxから960pxまで:タブレット*/

@media screen and (min-width:600px), print {

section#LogoH h1 > img,section#LogoH h1 > a img {height: 1.4rem;
}

.p3 div:nth-of-type(2) img {right: 3rem;
}

.p3 div:nth-of-type(3) img {margin-left: 3rem;
}

.contactT {width: 80%;margin: 0 auto 4rem;
}

/*staff---------------------------------------------*/

.staff {display: -webkit-flex;display: flex;margin: 0 auto;-webkit-flex-flow: row nowrap;flex-flow: row nowrap;justify-content: center;
}

.staff li {margin-bottom: 1rem;list-style-type: none;flex-basis: 33.33%;
}

.staff li img {margin: 0 auto;
}

.staff li h3 {
}

.staff li h3 small {font-size: 80%;font-weight: normal;display: block;margin-top: .5rem;
}

/*heros---------------------------------------------*/

.heros {display: -webkit-flex;display: flex;width: calc(100% - 3rem);max-width: 1280px;margin: 0 auto;-webkit-flex-flow: row nowrap;flex-flow: row nowrap;justify-content: center;
}

.heros li {flex-basis: 33.33%;
}

.heros li img {display: block;max-width: 320px;margin: 0 auto;
}

.heros li h3 {margin: 0 .5rem 1rem;text-align: left;
}

.heros li h3 small {font-size: 80%;font-weight: normal;display: block;margin-top: .5rem;
}

.p2,.c2 {display: -webkit-flex;display: flex;-webkit-flex-flow: row nowrap;flex-flow: row nowrap;justify-content: center;
}

.p2 {padding: 0 1.5rem;
}

.T1 .p2 div{flex:0 1 calc(50% - 0.75rem);
}

.T1 .p2 div:nth-of-type(n+1){flex:0 1 calc(50% - 1.75rem);margin-right: 0.75rem;}

.T1 .p2 div:nth-of-type(n+2){flex:0 1 calc(50% - 1.75rem);margin-left: 0.75rem;}
.p2 img {width: 100%;
}

.L6 {position: relative;width: 70%;margin-right: 2rem; 
}

.R4 {position: relative;width: 30%;padding: 0;
}

.c2 {width: 80%;margin: 0 auto;
}

.c2 li {width: 50%;
}

.c2.p64 li:nth-of-type(1){width: 60%;
}

.c2.p64 li:nth-of-type(2){width: 40%;
}

.c2 li > span {display: block;margin-bottom: 1rem;
}


/**/

}

/*960pxから1280pxまでは:小型PC*/

@media screen and (min-width:960px), print {

html {font-size: 87.5%;
}

.vPC {display: block;
}

.vSP {display: none;
}

section#LogoH h1 > img,section#LogoH h1 > a img {height: 1.6rem;
}


section#LogoH {padding: 1rem .5rem 2.5rem;
}

section#LogoH h1 {
	text-align: center;
	text-indent: -9.2rem;
}

section#LogoH h1 > span {display: inline-block;margin-right: 1rem;
}



.Langage {font-size: 1rem;position: absolute;top: 1rem;right: 1.5rem;display: block !important;
}

nav {display: block;line-height: 1;position: absolute;top: 4.5rem;max-width: 1620px;width: 100%;text-align: center;
}

nav a{color: #666;display: inline-block;margin-right: 1.5rem;
}

#btnMenu {display: none;
}

/*p3---------------------------------------- */

.p3 {display: flex;flex-direction: row;
}

.p3 div:nth-of-type(1) {width: 50%;
}

.p3 div:nth-of-type(2),
    .p3 div:nth-of-type(3) {width: 25%;
}

.p3 div:nth-of-type(1) p {margin: 1rem 0 0 0;padding: 0 2rem;
}

/**/

.p3 div:nth-of-type(1) {order: 2;
}

.p3 div:nth-of-type(2) {order: 1;
}

.p3 div:nth-of-type(3) {order: 2;
}

.p3 div:nth-of-type(2) img {right: 0;
}

.p3 div:nth-of-type(3) img {left: -1rem;margin-left: 0;
}

#footerBlock {display: flex;flex-direction: row;padding: 1.5rem;
}

#footerBlock div {position: relative;flex: 1;
}

#footerBlock div:nth-of-type(1) {text-align: right;
}

#footerBlock div:nth-of-type(1) {flex-basis: 20%;order: 3;
}

#footerBlock div:nth-of-type(2) {margin-bottom: 0;flex-basis: 30%;order: 2;
}

#footerBlock div:nth-of-type(3) {flex-basis:50%;order: 1;
}

#footerBlock div:nth-of-type(2)  a:nth-of-type(6):after {display: inline-block;width: 1rem;height: 1rem;padding: 0 0 .2rem .2rem;content: url(../img/icon_link_w.svg);
}

#infoBar > a span:nth-of-type(1) {display: inline-block !important;
}

/*Contents------------------------------------------*/

.contTit {display: -webkit-flex;display: flex;margin-bottom: 2rem;background: #eee url(../img/bgGray.jpg);background-position-x: right;background-size: cover;
}

.contTit h3 {margin-bottom: 1rem;margin-bottom: 0;text-align: left;background-image: none;flex-basis: 60%;
}

.contTit h3 img {display: inline-block;width: 6rem;height: auto;margin-right: 1rem;
}

.contTit ul {position: relative;top: 50%;margin-bottom: 0;flex-basis: 40%;
}

.contTit ul li:nth-of-type(1) {margin-top: 1.8rem;
}

.contTit + p {font-size: 140%;
}

/*contactT------------------------------------------*/

.contactT {position: relative;width: 80%;margin: 0 auto 2rem;
}

.contactT td {font-size: 120%;line-height: 1.8;position: relative;display: table-cell;width: 30%;
}

.contactT td:nth-of-type(1) {width: 40%;
}

.heros li h3 {font-size: 1.4rem;
}

.L6 {position: relative;width: 60%;margin-right: 4rem;
}

.R4 {position: relative;width: 40%;padding: 0;
}

.p2 p.p15 {padding: 0;
}

.L2staff{width: 80%;margin: 0 auto 3rem;
}

.L2staff li h3{padding: 0;margin: 1.2rem 0 0;
}

.L2staff li:nth-of-type(1){flex-basis:25%;order:0;background: #fff;
}
.L2staff li:nth-of-type(2){flex-basis:25%;order:1;background: #fff;
}
.L2staff li:nth-of-type(3){flex-basis:50%;order:2;padding-top: 1rem;
}

.L2staff li:nth-of-type(3) p{line-height: 1.8;
}

/*.H3{padding: 0 1.5rem;}*/

.H3 img.js-rollover:hover{opacity: 1;
}

.H3 > div:nth-of-type(1){flex-basis: 63.5% !important;
}
.H3 > div:nth-of-type(2){flex-basis: 36.5% !important;
}

/*T1------------------------------*/

.T1 {display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;justify-content:space-between;
position: relative;margin-bottom: 3rem;
}

.T1 > div {flex: 0 1 calc(50% - 0.75rem);position: relative; background: #fff;}



.T1 > div:nth-of-type(3),
.T1 > div:nth-of-type(4){flex: 0 1 calc(50% - 0.75rem); }


.TVs td{display: table-cell;width: 100% !important;position: relative;vertical-align: bottom;text-align: center;padding: 1rem 1rem 0;font-size: 1.1rem;
}
.TVs tr:nth-of-type(2) td{display: table-cell;width: 100% !important;vertical-align: middle;text-align: left;padding: 2rem 2rem;
}

.liveShow{background: #fff;padding: 0.5rem 2rem;position: relative;
}



.liveShow p{font-size: 1.1rem;line-height: 1.6;
}




.TVs{margin-bottom: 0;
}
.TVs td img{width: 100%;height: auto;
}

.contactBlock > div:nth-of-type(1){flex-basis: calc(30% - 1rem);position: relative;
}
.contactBlock > div:nth-of-type(2){flex-basis: calc(70% - 1rem);position: relative;
}
.contactBlock > div:nth-of-type(1) p{padding: 0;
}

.sdgs p,.sdgs h5{padding:0;
}

/**/
}

/*1280pxから:大型PC*/

@media screen and (min-width:1280px) {

html {font-size: 100%;
}

.p3 div:nth-of-type(1) p {margin: 4rem 0 0 0;
}

/**/

}

@media print{
	body {zoom: 0.68;-webkit-print-color-adjust: exact;overflow-x: visible !important;overflow-y: visible !important;
    }
    
    #Outer{overflow-x: visible !important;overflow-y: visible !important;page-break-inside: avoid;
}
    
.swiper-container{zoom:0.8;
} 

article,section{page-break-inside: avoid;page-break-before: avoid;page-break-after: avoid;
}

footer,nav{display: none;
}
    }

/* 印刷設定 */
@media print and (-ms-high-contrast: none) {
        /* @pageの指定いらないかも */
    @page {
        size: A4;
        margin: 12.7mm 9.7mm;
    }

    body {
        zoom: 1.8;
        width: 1200px;
        transform: scale(0.5);
        transform-origin: 0 0;
    }
}