@charset "utf-8";

/*------------------------------------------------*/
/*  template ver1.0  */
/*------------------------------------------------*/
/*  templatename [--]  */
/*  update []  */
/*  ID [NT]  */
/*------------------------------------------------*/


/*　productionin　*/
/* -----------------------------------------------*/
div#productionin {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
z-index:9999;
}
div#productionin .inner {
width:100%;
height:100%;
display:table;
background:#ffffff;
}
div#productionin .inner p {
padding:0px 50px;
display:table-cell;
color:#333333;
font-size:13px;
font-weight:500;
line-height:2.0;
text-align:center;
vertical-align:middle;
}
div#productionin .inner p strong {
padding-top:20px;
display:block;
color:#333333;
font-size:15px;
font-weight:500;
line-height:2.0;
}

div.preview {
text-align:center;
}

/*　All Reset　*/
/* -----------------------------------------------*/
* {
color:#333333;
font-size:14px;
letter-spacing:0.5px;
}
*:not(br) {
line-height:1.85;
}
*:focus {
outline:none;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
margin:0;
padding:0;
font-weight:400;
word-break:break-all;
}
ul,li {
list-style:none;
}
input[type="button"],input[type="submit"],select {
border-radius:0;
-webkit-appearance:none;
appearance:none;
}

::selection {
background-color:#333333;
color:#ffffff;
}
::-moz-selection {
background-color:#333333;
color:#ffffff;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#bebebe;
font-weight:400;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#bebebe;
font-weight:400;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
::placeholder { /* Others */
color:#bebebe;
font-weight:400;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

@media screen and (max-width:650px) {
input[type="text"],
input[type="email"],
input[type="password"] {
font-size:16px !important ;
transform:scale(0.8) !important ;
}
select {
font-size:16px !important ;
transform:scale(0.8) !important ;
}
}

/*　Base Set　*/
/* -----------------------------------------------*/
body {
margin:0;
padding:0;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight:400;
line-height:1.65;
letter-spacing:0.5px;
overflow-y:scroll;
background-color:#ffffff;
}
body.fixed {
position:fixed;
width:100%;
}

@media screen and (max-width:1000px) {
body {
min-width:inherit;
-webkit-text-size-adjust:100%;
font-weight:normal;
}
}

img {
border:none;
pointer-events:none;
}
a { color:#333333; }
a {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
a:hover { color:#505050; }

@media screen and (max-width:1000px) {
a {
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
tap-highlight-color:rgba(0, 0, 0, 0);
}
}

/*　Clearfix　*/
/* -----------------------------------------------*/
.clearfix:after {
content:" ";
height:0;
clear:both;
display:block;
visibility:hidden;
line-height: 0;
}
.clearfix {
display:inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
/* End hide from IE-mac */

.clear_br {
overflow: hidden;
}  
* html .clear_br {  
height: 1%;
}

/*　レイアウト要素 共通　*/
/* -----------------------------------------------*/
.pc_only { display:block; line-height:1px; }
.sp_only { display:none; line-height:1px; }

.title, .lead {
word-break:normal;
word-wrap:break-word;
}

.fit {
width:100%;
height:100%;
position:absolute;
top:0; 
left:0;
}
.fit img,
.fit video {
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
font-family:'object-fit: cover; object-position: center center;';
}
.fitImg {
position:absolute;
}

.imgset, .eyecatch {
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}

@media screen and (max-width:1000px) {
.pc_only { display:none; }
.sp_only { display:block; }
}

/*　loading　*/
/* -----------------------------------------------*/
body::after {
content:'';
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#ffffff;
z-index:8888;
pointer-events:none;
opacity:0;
-webkit-transition:opacity 0.8s ease;
transition:opacity 0.8s ease;
transition-delay:0.8s;
}
body.loading::after {
opacity:1;
}
body #loadanimation::after {
content:'';
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-position:center center;
background-repeat:no-repeat;
z-index:9999;
pointer-events:none;
opacity:0;
-ms-filter:blur(6px);
filter:blur(6px);
-webkit-transition:opacity 0.8s ease;
transition:opacity 0.8s ease;
}
body.loading #loadanimation::after {
opacity:1;
-ms-filter:blur(0px);
filter:blur(0px);
}

.svg body #loadanimation::after {
background-image:url(../images/logo.svg);
background-size:160px 56px;
background-attachment:fixed;
}
.no-svg body #loadanimation::after {
background-image:url(../images/logo.png);
background-size:160px 56px;
}

@media screen and (max-width:900px) {
.svg body #loadanimation::after {
background-image:url(../images/logo.svg);
background-size:140px 49px;
}
.no-svg body #loadanimation::after {
background-image:url(../images/logo.png);
background-size:140px 49px;
}
}
@media screen and (max-width:350px) {
.svg body #loadanimation::after {
background-image:url(../images/logo.svg);
background-size:120px 42px;
}
.no-svg body #loadanimation::after {
background-image:url(../images/logo.png);
background-size:120px 42px;
}
}

/*　Wrapper　*/
/* -----------------------------------------------*/
div#Wrapper {
margin:0px auto;
width:100%;
overflow:hidden;
text-align:center;
position:relative;
-webkit-transition:all 0.8s ease-in;
-moz-transition:all 0.8s ease-in;
-o-transition:all 0.8s ease-in;
transition:all 0.8s ease-in;
}
div#Wrapper .contents_inner {
margin:0px auto;
width:100%;
text-align:center;
position:relative;
-webkit-transition:all 0.8s ease-in;
-moz-transition:all 0.8s ease-in;
-o-transition:all 0.8s ease-in;
transition:all 0.8s ease-in;
}

@media screen and (max-width:1000px) {
}

/*　header　*/
/* -----------------------------------------------*/
#headset {
width:100%;
position:fixed;
background-color:rgba(255,255,255,0);
top:100px;
left:0px;
z-index:30;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transition:all 0.3s ease;
}
#headset .inner {
margin:0px auto;
width:90%;
height:90px;
overflow:hidden;
text-align:left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background-color:#ffffff;
position:relative;
}
#headset .logoset {
width:160px;
height:56px;
position:absolute;
top:20px;
left:30px;
z-index:40;
transition:all 0.3s ease;
}
#headset .logoset a {
display:inline-block;
text-decoration:none;
}
#headset .logoset .logo {
width:160px;
height:56px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-position:center center;
background-repeat:no-repeat;
background-color:#ffffff;
}

.svg #headset .logoset .logo {
background-image:url(../images/logo.svg);
background-size:160px 56px;
}
.no-svg #headset .logoset .logo {
background-image:url(../images/logo.png);
background-size:160px 56px;
}

/* #####個別 */
/* #####アニメーション */
body.open #headset {
top:70px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
#headset.scroll {
top:0px !important ;
background-color:rgba(255,255,255,1.0);
}
#headset.scroll .logoset {
left:0px;
}
body#page #headset {
top:0px !important ;
background-color:rgba(255,255,255,1.0);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
body#page #headset .logoset {
left:0px;
}

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

#headset {
height:60px;
top:30px;
}
#headset .inner {
height:60px;
}
#headset .logoset {
width:110px;
height:39px;
top:14px;
left:15px;
}
#headset .logoset .logo {
width:110px;
height:39px;
}

.svg #headset .logoset .logo {
background-image:url(../images/logo.svg);
background-size:110px 39px;
}
.no-svg #headset .logoset .logo {
background-image:url(../images/logo.png);
background-size:110px 39px;
}

/* #####個別 */
/* #####アニメーション */
body.open #headset {
top:30px;
}

}

/*　Globalmenu　*/
/* -----------------------------------------------*/
div#Globalmenu {
height:90px;
position:absolute;
top:0px;
right:30px;
z-index:20;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
transition:all 0.3s ease;
}
div#Globalmenu .naviposi {
width:100%;
height:100%;
display:table;
}
div#Globalmenu .naviposi .vermidle {
display:table-cell;
text-align:center;
vertical-align:middle;
}
div#Globalmenu ul.navi {
width:100%;
text-align:right;
letter-spacing:-.4em;
}
div#Globalmenu ul.navi > li {
margin-right:30px;
display:inline-block;
text-align:center;
vertical-align:top;
}
div#Globalmenu ul.navi > li:last-child {
margin-right:0px;
}
div#Globalmenu ul.navi > li a {
display:inline-block;
text-decoration:none;
position:relative;
}
div#Globalmenu ul.navi > li a:after {
content:"";
width:100%;
height:3px;
display:block;
background-color:#f0831a;
position:absolute;
bottom:-36px;
left:0px;
transition:all 0.3s ease;
}
div#Globalmenu ul.navi > li a p {
position:relative;
}
div#Globalmenu ul.navi > li a p span {
display:block;
color:#6798d0;
font-size:10px;
font-weight:700;
letter-spacing:0px;
}
div#Globalmenu ul.navi > li a p strong {
display:block;
color:#6798d0;
font-size:13px;
font-weight:700;
}

/* #####個別 */
/* #####アニメーション */
div#Globalmenu ul.navi > li a:hover:after {
bottom:-15px;
}

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

div#Globalmenu {
width:100%;
height:100%;
position:fixed;
top:0%;
left:100%;
}
div#Globalmenu .naviposi {
background-color:#ffffff;
}
div#Globalmenu ul.navi {
margin:0px auto;
width:70%;
text-align:center;
}
div#Globalmenu ul.navi > li {
margin-right:0px;
margin-top:1px;
display:block;
text-align:center;
background-color:#f4f8fc;
}
div#Globalmenu ul.navi > li a {
padding:15px 0px;
display:block;
}
div#Globalmenu ul.navi > li a:before {
margin-top:-4px;
content:"";
display:block;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:6px solid #f0841a;
position:absolute;
top:50%;
left:20px;
}
div#Globalmenu ul.navi > li a:after {
display:none;
}
div#Globalmenu ul.navi > li a p strong {
font-size:15px;
font-weight:700;
}

/* #####個別 */
body#page div#Globalmenu {
top:0%;
transition-delay:0s;
}
/* #####アニメーション */
body.open div#Globalmenu {
transition-delay:0s;
}
div#Globalmenu.slidein {
left:0%;
}

}

/*　Menubutton　*/
/* -----------------------------------------------*/
div#Menubutton {
width:60px;
height:60px;
display:none;
position:fixed;
top:30px;
right:30px;
z-index:25;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
transition:all 0.3s ease;
}
div#Menubutton > p {
width:60px;
height:60px;
cursor:pointer;
position:relative;
}
div#Menubutton > p span {
width:30px;
height:2px;
background-color:#6799cf;
position:absolute;
left:15px;
transition:all 0.3s ease;
}
div#Menubutton > p span:nth-child(1) {
top:22px;
}
div#Menubutton > p span:nth-child(2) {
top:30px;
}
div#Menubutton > p span:nth-child(3) {
top:38px;
}

div#Menubutton > p.slidein span:nth-child(1) {
top:30px;
transition-delay:0.3s;
}
div#Menubutton > p.slidein span:nth-child(2) {
left:100px;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
div#Menubutton > p.slidein span:nth-child(3) {
top:30px;
transition-delay:0.3s;
}

div#Menubutton.open {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
div#Menubutton.firstview > p span,
div#Menubutton.open > p span {
background-color:#6799cf;
}

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

div#Menubutton {
display:block;
}

/* #####個別 */
body#page div#Menubutton {
top:0px;
right:20px;
}
#headset.scroll div#Menubutton {
top:0px;
right:20px;
}

}

/*　pagetitle　*/
/* -----------------------------------------------*/
#pagetitle {
padding-top:90px;
width:100%;
overflow:hidden;
background-color:#6798d0;
position:relative;
}
#pagetitle:before {
margin-top:-150px;
content:"";
width:55%;
max-width:1000px;
height:300px;
display:block;
background-color:#f0841a;
transform:skewX(-15deg);
position:absolute;
top:50%;
left:-60%;
z-index:1;
transition:all 0.3s ease;
}
#pagetitle .inner {
margin:0px auto;
width:80%;
height:150px;
display:table;
}
#pagetitle .titleset {
display:table-cell;
text-align:left;
vertical-align:middle;
}
#pagetitle .titleset .title {
color:#ffffff;
font-size:38px;
font-weight:700;
letter-spacing:0px;
position:relative;
z-index:2;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transform:translateX(100px);
transition:all 0.5s ease;
}
#pagetitle .titleset .title strong {
margin-left:30px;
display:inline-block;
color:#ffffff;
font-size:15px;
font-weight:700;
letter-spacing:0px;
}
#pagetitle .titleset .subtitle {
color:#ffffff;
font-size:13px;
font-weight:700;
font-style:italic;
letter-spacing:0px;
position:relative;
z-index:2;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transform:translateX(100px);
transition:all 0.5s ease;
}
/* #####アニメーション */
#pagetitle.open .titleset .title {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transform:translateX(0px);
transition-delay:0.5s;
}
#pagetitle.open .titleset .subtitle {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transform:translateX(0px);
transition-delay:0.8s;
}
#pagetitle.open:before {
left:-15%;
transition-delay:0.8s;
}

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

#pagetitle {
padding-top:60px;
}
#pagetitle .inner {
width:90%;
height:100px;
}
#pagetitle .titleset .title {
font-size:20px;
}
#pagetitle .titleset .title strong {
margin-left:20px;
font-size:13px;
}
#pagetitle .titleset .subtitle {
font-size:11px;
}

}

/*　pankuzu　*/
/* -----------------------------------------------*/
div.Container #pankuzu {
margin:50px auto 0px auto;
width:90%;
max-width:1200px;
overflow:hidden;
text-align:left;
letter-spacing:-.4em;
transition:all 0.5s ease;
transform:translateX(50px);
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
div.Container #pankuzu p {
margin-right:40px;
display:inline-block;
}
div.Container #pankuzu p a {
display:block;
font-size:13px;
line-height:1.5;
position:relative;
}
div.Container #pankuzu p a:before {
margin-top:-2px;
content:"";
width:7px;
height:1px;
display:block;
background-color:#6799cf;
position:absolute;
top:50%;
right:-25px;
transform:rotate(30deg);
}
div.Container #pankuzu p a:after {
margin-bottom:-2px;
content:"";
width:7px;
height:1px;
display:block;
background-color:#6799cf;
position:absolute;
bottom:50%;
right:-25px;
transform:rotate(-30deg);
}
div.Container #pankuzu p strong {
display:block;
color:#;
font-size:13px;
font-weight:400;
line-height:1.5;
}
/* #####アニメーション */
div.Container #pankuzu.open {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}

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

div.Container #pankuzu {
margin:10px auto 0px auto;
}
div.Container #pankuzu p {
margin-right:30px;
}
div.Container #pankuzu p a {
font-size:12px;
}
div.Container #pankuzu p a:before {
right:-20px;
}
div.Container #pankuzu p a:after {
right:-20px;
}
div.Container #pankuzu p strong {
font-size:12px;
}

}

/*　layout　*/
/* -----------------------------------------------*/
div.Container {
margin:0px auto;
width:100%;
text-align:center;
}
div.Container .contents {
width:100%;
position:relative;
}
body#page div.Container .contents .contblock {
margin:0px auto;
padding-top:100px;
width:90%;
max-width:1200px;
}
div.Container .contents.bg_blue {
background-color:#f4f8fc;
}
div.Container .leadblock {
margin:0px auto;
width:100%;
max-width:900px;
}

/* メインビジュアル */
div.Container .mainvisual {
margin:0px auto;
width:100%;
height:100%;
overflow:hidden;
background-image:url(../movie/top_visual.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:100% 100%;
position:relative;
}
div.Container .mainvisual .copyset {
width:100%;
height:100%;
display:table;
position:absolute;
top:0px;
left:0px;
z-index:2;
}
div.Container .mainvisual .copyset .inset {
display:table-cell;
text-align:center;
vertical-align:middle;
}
div.Container .mainvisual .copyset .maincopy {
margin-top:100px;
padding:0px 0px;
display:inline-block;
overflow:hidden;
color:#ffffff;
font-size:42px;
font-weight:700;
letter-spacing:0px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
/*background-color:#6798d0;*/
position:relative;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transform:translateY(30px);
transition:all 0.3s ease;
}
div.Container .mainvisual .copyset .maincopy strong {
display:block;
color:#ffffff;
font-size:42px;
font-weight:700;
letter-spacing:0px;
position:relative;
z-index:2;
}
div.Container .mainvisual .copyset .maincopy:before {
content:"";
width:200px;
height:10px;
display:block;
background-color:#f0841a;
transform:skewX(-15deg);
position:absolute;
bottom:0px;
left:-250px;
z-index:1;
transition:all 0.3s ease;
}
div.Container .mainvisual .copyset .maincopy:after {
content:"";
width:100%;
height:10px;
display:block;
border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomright:5px;
background-color:#6798d0;
position:absolute;
bottom:0px;
left:-100%;
z-index:0;
transition:all 0.3s ease;
}
div.Container .mainvisual .copyset .subcopy {
margin-top:5px;
color:#ffffff;
font-size:16px;
font-weight:700;
letter-spacing:0px;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transform:translateY(30px);
transition:all 0.3s ease;
}
div.Container .mainvisual .movie {
width:100%;
height:100%;
background-color:#ffffff;
position:absolute;
top:0px;
left:0px;
z-index:1;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
div.Container .mainvisual .movie .inner {
width:100%;
height:100%;
position:relative;
}
/* #####アニメーション */
body.open div.Container .mainvisual .copyset .maincopy {
transform:translateY(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.5s;
}
body.open div.Container .mainvisual .copyset .subcopy {
transform:translateY(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.7s;
}
body.open div.Container .mainvisual .copyset .maincopy:after {
left:-20px;
transition-delay:1.2s;
}
body.open div.Container .mainvisual .copyset .maincopy:before {
left:-70px;
transition-delay:1.2s;
}
/* #####IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
div.Container .mainvisual .movie {
display:none;
}
}

/* トップ：About us */
div.Container .topabout {
margin:0px auto;
padding:150px 0px 100px 0px;
width:90%;
/*max-width:1200px;*/
max-width:1300px;
text-align:left;
position:relative;
}
div.Container .topabout .inner {
padding-left:50%;
}
div.Container .topabout .title {
margin-bottom:30px;
margin-top:30px;
color:#6799cf;
font-size:42px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transform:translateX(50px);
transition:all 0.3s ease;
}
div.Container .topabout .lead {
margin-bottom:20px;
color:#5c5c5c;
font-size:16px;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transform:translateX(50px);
transition:all 0.3s ease;
}
div.Container .topabout ol li {
margin:0px 0px 5px 20px;
color:#5c5c5c;
font-size:16px;
list-style:decimal;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transform:translateX(50px);
transition:all 0.3s ease;
}
div.Container .topabout .eyecatch {
width:40%;
position:absolute;
/*top:200px;*/
left:0px;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transform:translateX(50px);
transition:all 0.3s ease;
}
div.Container .topabout .eyecatch .img {
padding-top:120%;
width:100%;
height:1rem;
overflow:hidden;
display:block;
content:"";
position:relative;
}
/* #####個別 */
div.Container .topabout .title_english {
transform:translateX(50px);
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transition:all 0.3s ease;
}
/* #####アニメーション */
div.Container .topabout.view .eyecatch {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.5s;
}
div.Container .topabout.view .title_english {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.8s;
}
div.Container .topabout.view .title {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.9s;
}
div.Container .topabout.view .lead {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:1.0s;
}
div.Container .topabout.view ol li {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:1.0s;
}

/* トップ：ニュース */
div.Container .newsset {
margin:0px auto;
padding:200px 0px 150px 0px;
width:90%;
max-width:1200px;
position:relative;
}
div.Container .newsset.clear {
margin:-100px auto 0px auto;
padding:0px 0px 150px 0px;
}
div.Container .newsset ul {
margin-left:230px;
margin-bottom:50px;
text-align:left;
}
div.Container .newsset ul li {
position:relative;
transform:translateX(100px);
opacity:0;
}
div.Container .newsset ul li a,
div.Container .newsset ul li div.none {
padding:10px 0px 10px 280px;
display:block;
text-decoration:none;
}
div.Container .newsset ul li .date {
width:110px;
font-size:13px;
letter-spacing:0px;
position:absolute;
top:10px;
left:0px;
}
div.Container .newsset ul li .category {
width:150px;
color:#6799cf;
font-size:13px;
letter-spacing:0px;
text-align:center;
background-color:#f4f8fc;
position:absolute;
top:10px;
left:110px;
}
div.Container .newsset ul li .title {
font-size:13px;
letter-spacing:0px;
}
/* #####個別 */
div.Container .newsset .title_english {
transform:translateX(50px);
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transition:all 0.3s ease;
}
div.Container .newsset .titleset {
position:absolute;
top:200px;
left:0px;
}
div.Container .newsset.clear .titleset {
top:0px;
}
body#page div.Container .newsset {
margin:0px auto;
padding:0px 0px;
width:100%;
max-width:900px;
}
body#page div.Container .newsset ul {
margin-left:0px;
margin-top:50px;
}
body#page div.Container .newsset ul li {
transform:translateX(0px);
opacity:1.0;
}
body#page div.Container .newsset.ir .title_english {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
body#page div.Container .newsset.ir .titleset {
top:0px;
}
body#page div.Container .newsset.ir {
width:100%;
max-width:1200px;
}
body#page div.Container .newsset.ir ul {
margin-left:230px;
margin-top:50px;
}
body#page div.Container .newsset.contact {
margin:70px auto 0px auto;
}
div.Container .newsset .contactbox {
margin-left:230px;
padding:30px 0px;
text-align:left;
border-bottom:#6799cf solid 1px;
border-top:#6799cf solid 1px;
box-sizing:border-box;
background-color:rgba(103,153,207,0.05);
position:relative;
}
div.Container .newsset .contactbox .inline {
width:100%;
}
div.Container .newsset .contactbox .inline .th {
width:30%;
float:left;
}
div.Container .newsset .contactbox .inline .th p {
padding-left:50px;
color:#6799cf;
font-size:15px;
font-weight:700;
line-height:1.5;
}
div.Container .newsset .contactbox .inline .td {
width:70%;
float:left;
}
div.Container .newsset .contactbox .inline .td p {
font-size:15px;
line-height:1.5;
}
div.Container .newsset .contactbox .link {
margin-top:-25px;
position:absolute;
top:50%;
right:50px;
}
div.Container .newsset .contactbox .link a {
display:inline-block;
width:240px;
height:50px;
color:#6799cf;
font-size:14px;
font-weight:700;
text-align:center;
letter-spacing:0px;
line-height:50px;
text-decoration:none;
overflow:hidden;
border-radius:25px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
position:relative;
}
div.Container .newsset .contactbox .link a:after {
content:"";
width:100%;
height:50px;
display:block;
border:#6799cf solid 1px;
box-sizing:border-box;
background-color:#ffffff;
border-radius:25px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
position:absolute;
top:0px;
left:0px;
z-index:-2;
}
div.Container .newsset .contactbox .link a:before {
content:"";
width:100%;
height:50px;
display:block;
background-color:#6799cf;
position:absolute;
top:0px;
left:-101%;
z-index:-1;
transition:all 0.3s ease;
}
/* #####アニメーション */
div.Container .newsset.view .title_english {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.5s;
}
@keyframes ani-newsset-list {
0% { transform:translateX(100px); opacity:0; }
100% { transform:translateX(0px); opacity:1.0; }
}
@keyframes ani-newsset-hover {
0% { transform:translateX(0px); }
100% { transform:translateX(20px); }
}
div.Container .newsset ul li.view_delay {
animation-name:ani-newsset-list;
animation-duration:0.5s;
animation-timing-function:ease;
animation-fill-mode:forwards;
}
div.Container .newsset ul li a:hover {
animation-name:ani-newsset-hover;
animation-duration:0.3s;
animation-timing-function:ease;
animation-fill-mode:forwards;
}
div.Container .newsset .contactbox .link a:hover {
color:#ffffff;
background:none;
}
div.Container .newsset .contactbox .link a:hover:before {
left:0%;
}

/* ニュース:詳細 */
div.Container .newsdetail {
margin:0px auto;
width:100%;
max-width:900px;
text-align:left;
}
div.Container .newsdetail .date {
margin-right:10px;
display:inline-block;
font-size:13px;
font-weight:700;
line-height:1.5;
}
div.Container .newsdetail .category {
padding:0px 5px;
display:inline-block;
color:#6799cf;
font-size:14px;
line-height:1.5;
letter-spacing:0px;
background-color:#f4f8fc;
}
div.Container .newsdetail .title {
margin-top:15px;
font-size:24px;
font-weight:700;
line-height:1.5;
}
div.Container .newsdetail .entry {
margin-top:50px;
}
div.Container .newsdetail .entry,
div.Container .newsdetail .entry p,
div.Container .newsdetail .entry a {
font-size:14px;
}
div.Container .newsdetail .entry p {
margin:10px 0px;
}
div.Container .newsdetail .entry h2 {
margin-bottom:30px;
margin-top:30px;
padding:20px 20px;
font-size:20px;
font-weight:700;
background:#f8f8f8;
}
div.Container .newsdetail .entry h3 {
margin-bottom:30px;
margin-top:30px;
font-size:20px;
font-weight:700;
}
div.Container .newsdetail .entry h4 {
margin-bottom:30px;
margin-top:30px;
color:#4b4b4b;
font-size:16px;
font-weight:700;
}
div.Container .newsdetail .entry figure {
margin:30px 0px;
padding:0px 0px;
}
div.Container .newsdetail .entry figure.wp-block-image {
margin:30px 0px;
padding:0px 0px;
}
div.Container .newsdetail .entry figure img {
max-width:100%;
}

/* トップ：企業情報 */
div.Container .companyset {
margin:0px auto;
padding:150px 0px;
width:90%;
max-width:1200px;
position:relative;
}
div.Container .companyset .inner {
margin-left:230px;
}
div.Container .companyset ul {
width:100%;
}
div.Container .companyset ul li {
margin-top:50px;
margin-right:5%;
width:30%;
height:170px;
display:block;
overflow:hidden;
float:left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
position:relative;
transform:translateX(50px);
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transition:all 0.3s ease;
}
div.Container .companyset ul li:nth-child(3n) {
margin-right:0%;
}
div.Container .companyset ul li:nth-child(1),
div.Container .companyset ul li:nth-child(2),
div.Container .companyset ul li:nth-child(3) {
margin-top:0px;
}
div.Container .companyset ul li a {
width:100%;
height:170px;
display:table;
overflow:hidden;
text-decoration:none;
position:relative;
z-index:2;
}
div.Container .companyset ul li a:before {
content:"";
width:0%;
height:0px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background-color:#6799cf;
position:absolute;
top:50%;
left:50%;
transition:all 0.3s ease;
}
div.Container .companyset ul li a .title {
display:table-cell;
text-align:center;
vertical-align:middle;
}
div.Container .companyset ul li a .title strong {
padding:0px 10px;
display:inline-block;
color:#ffffff;
font-size:14px;
font-weight:700;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background-color:#6799cf;
transform:translateX(30px);
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transition:all 0.3s ease;
}
div.Container .companyset ul li .eyecatch {
width:100%;
height:100%;
overflow:hidden;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
position:absolute;
top:0px;
left:0px;
z-index:1;
}
div.Container .companyset ul li .eyecatch .img {
width:100%;
height:100%;
position:relative;
}
/* #####個別 */
div.Container .companyset .titleset {
position:absolute;
top:150px;
left:0px;
}
div.Container .companyset .title_english {
transform:translateX(50px);
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transition:all 0.3s ease;
}
body#page div.Container .companyset {
padding:100px 0px 0px 0px;
width:100%;
max-width:inherit;
}
body#page div.Container .companyset .inner {
margin-left:0px;
}
body#page div.Container .companyset.view .title_english {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
body#page div.Container .companyset ul li {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
body#page div.Container .companyset ul li a .title strong {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
/* #####アニメーション */
div.Container .companyset.view .title_english {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.5s;
}
div.Container .companyset ul li.view_delay {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
div.Container .companyset ul li.view_delay a .title strong {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.2s;
}
div.Container .companyset ul li a:hover:before {
margin-top:-60px;
margin-left:-40%;
width:80%;
height:120px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}

/* 採用情報バナー */
div.Container .recruitset {
margin:0px auto;
padding:100px 0px;
width:100%;
position:relative;
}
div.Container .recruitset .inner {
margin:0px auto;
padding:70px 0px;
width:90%;
max-width:1200px;
text-align:center;
background-color:#6c9cd0;
position:relative;
z-index:2;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transform:translateY(50px);
transition:all 0.3s ease;
}
div.Container .recruitset .headtitle {
margin-bottom:50px;
}
div.Container .recruitset .headtitle span {
margin-bottom:5px;
display:block;
color:#ffffff;
font-size:13px;
line-height:1.5;
}
div.Container .recruitset .headtitle strong {
display:block;
color:#ffffff;
font-size:16px;
font-weight:700;
line-height:1.5;
}
div.Container .recruitset .title {
padding:0px 70px;
display:inline-block;
color:#ffffff;
font-size:38px;
font-weight:700;
letter-spacing:0px;
position:relative;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transform:translateY(30px);
transition:all 0.3s ease;
}
div.Container .recruitset .title:before {
content:"";
width:0;
height:0;
display:block;
border-right:20px solid transparent;
border-top:20px solid #f0841a;
position:absolute;
top:0px;
left:0px;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transform:translateX(50px);
transition:all 0.3s ease;
}
div.Container .recruitset .title:after {
content:"";
width:0;
height:0;
display:block;
border-left:20px solid transparent;
border-bottom:20px solid #f0841a;
position:absolute;
bottom:0px;
right:0px;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transform:translateX(-50px);
transition:all 0.3s ease;
}
div.Container .recruitset .subtitle {
margin-bottom:30px;
display:block;
color:#ffffff;
font-size:18px;
font-weight:700;
letter-spacing:0px;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transform:translateY(30px);
transition:all 0.3s ease;
}
div.Container .recruitset .eyecatch {
width:100%;
height:100%;
overflow:hidden;
position:absolute;
top:0px;
left:0px;
z-index:1;
}
div.Container .recruitset .eyecatch .img {
width:100%;
height:100%;
position:relative;
}
/* #####個別 */
div.Container .recruitset .readmore {
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transform:translateY(30px);
transition:all 0.3s ease;
}
div.Container .recruitset .readmore a:after {
border:#ffffff solid 1px;
box-sizing:border-box;
}
div.Container .recruitset .readmore a:before {
background-color:#ffffff;
}
div.Container .recruitset .readmore a p {
color:#ffffff;
line-height:47px;
}
/* #####IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
div.Container .recruitset .readmore a p {
line-height:50px;
}
}
/* #####アニメーション */
div.Container .recruitset.view .inner {
transform:translateY(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.5s;
}
div.Container .recruitset.view .title {
transform:translateY(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.8s;
}
div.Container .recruitset.view .subtitle {
transform:translateY(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.9s;
}
div.Container .recruitset.view .readmore {
transform:translateY(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:1.0s;
}
div.Container .recruitset.view .title:before {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:1.5s;
}
div.Container .recruitset.view .title:after {
transform:translateX(0px);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:1.5s;
}
div.Container .recruitset .readmore a:hover p {
color:#6799cf;
}

/* 下層：メッセージ */
div.Container .messageset {
margin:0px auto;
width:100%;
max-width:900px;
text-align:left;
}
div.Container .messageset .lead {
margin-top:10px;
font-size:14px;
}
div.Container .messageset .lead:nth-of-type(1) {
margin-top:50px;
}
div.Container .messageset .lead:nth-last-of-type(1) {
margin-top:30px;
}

/* 下層：企業理念 */
div.Container .philosophyset {
margin:0px auto;
width:100%;
max-width:900px;
text-align:left;
}
div.Container .philosophyset .lead {
margin-top:10px;
font-size:16px;
text-align:center;
}
div.Container .philosophyset .lead:nth-of-type(1) {
margin-top:50px;
}

/* 下層：事業内容 */
div.Container .businessset {
margin:0px auto;
width:100%;
max-width:900px;
}
div.Container .businessset .tabnavi {
margin-top:30px;
width:100%;
text-align:center;
letter-spacing:-.4em;
}
div.Container .businessset .tabnavi a {
margin:0px 10px;
width:30%;
display:inline-block;
color:#6798d0;
font-size:14px;
font-weight:700;
line-height:50px;
text-decoration:none;
letter-spacing:0px;
border:rgba(103,152,208,0.2) solid 1px;
box-sizing:border-box;
background-color:rgba(103,152,208,0.05);
}
div.Container .businessset .tabnavi a.active {
border:rgba(103,152,208,1.0) solid 1px;
box-sizing:border-box;
}
div.Container .businessset .tabview {
width:100%;
text-align:left;
}
/*
div.Container .businessset .tabview.hide {
display:none;
}
*/
div.Container .businessset .linetitle {
margin-bottom:30px;
margin-top:50px;
padding-bottom:10px;
color:#6798d0;
font-size:18px;
font-weight:700;
border-bottom:rgba(103,152,208,0.2) solid 1px;
box-sizing:border-box;
}
div.Container .businessset .linelead {
font-size:15px;
}
div.Container .businessset ul {
margin-top:10px;
width:100%;
}
div.Container .businessset ul.trip li {
margin-right:2%;
width:32%;
float:left;
}
div.Container .businessset ul.double li {
margin-right:2%;
width:49%;
float:left;
}
div.Container .businessset ul li:last-child {
margin-right:0%;
}
div.Container .businessset ul li .lititle {
padding:15px 20px;
font-size:16px;
font-weight:700;
text-align:center;
letter-spacing:0px;
background-color:#f8f8f8;
}
div.Container .businessset ul li .lititle span {
display:block;
color:#6798d0;
font-size:10px;
font-weight:400;
letter-spacing:0px;
}
div.Container .businessset ul li .lilead {
margin-top:20px;
font-size:14px;
line-height:1.5;
}
div.Container .businessset ul li .lilead span {
font-size:12px;
line-height:1.5;
}
div.Container .businessset .imgset {
margin-top:30px;
width:100%;
text-align:center;
}
div.Container .businessset .imgset img {
width:100%;
}
div.Container .businessset .imgset.illust img {
max-width:700px;
}
div.Container .businessset .partner {
margin-top:30px;
padding-left:200px;
font-size:13px;
position:relative;
}
div.Container .businessset .partner .ttl {
font-size:14px;
font-weight:700;
letter-spacing:0px;
position:absolute;
top:-2px;
left:0px;
}
div.Container .businessset .partner .ttl span {
font-size:12px;
font-weight:400;
letter-spacing:0px;
}
div.Container .businessset .partner a {
margin-right:5px;
display:inline-block;
font-size:13px;
}
div.Container .businessset .linkset {
margin-top:50px;
width:100%;
text-align:center;
}
div.Container .businessset .linkset a {
padding:10px 0px;
display:inline-block;
color:#6798d0;
font-size:16px;
font-weight:700;
text-decoration:none;
letter-spacing:0px;
border-bottom:#6798d0 solid 1px;
border-top:#6798d0 solid 1px;
box-sizing:border-box;
}

/* 下層：沿革 */
div.Container .historyset {
margin:0px auto;
width:100%;
max-width:700px;
}
div.Container .historyset .block {
width:100%;
display:table;
position:relative;
}
div.Container .historyset .block:before {
margin-left:-8px;
width:14px;
height:14px;
content:"";
background:#f0841a;
-moz-border-radius:7px;/*for Firefox*/
-webkit-border-radius:7px;/*for Safari and chrome*/
border-radius:7px;
behavior:url(border-radius.htc);/*for IE*/
position:absolute;
top:11px;
left:20%;
}
div.Container .historyset .block .year {
width:20%;
display:table-cell;
text-align:left;
vertical-align:top;
border-right:#f1f1f1 solid 2px;
box-sizing:border-box;
}
div.Container .historyset .block .year strong {
padding:4px 0px;
display:inline-block;
font-size:16px;
font-weight:700;
letter-spacing:0px;
}
div.Container .historyset .block .year i {
margin:0px 10px;
display:inline-block;
font-size:12px;
font-weight:700;
font-style:normal;
}
div.Container .historyset .block .entry {
width:80%;
display:table-cell;
text-align:left;
vertical-align:top;
}
div.Container .historyset .block .entry p {
padding:7px 0px 10px 50px;
font-size:14px;
position:relative;
}
div.Container .historyset .block .entry p span {
width:100px;
display:inline-block;
font-size:16px;
font-weight:700;
letter-spacing:0px;
text-align:right;
position:absolute;
top:4px;
left:-130px;
}
div.Container .historyset .block .entry p span i {
margin:0px 5px;
display:inline-block;
font-size:12px;
font-weight:700;
font-style:normal;
}

/* 下層：役員 */
div.Container .officerset ul {
width:100%;
}
div.Container .officerset ul li {
margin-right:2%;
margin-top:20px;
width:23.5%;
float:left;
text-align:center;
background-color:#f8f8f8;
position:relative;
}
div.Container .officerset ul li:nth-child(4n) {
margin-right:0%;
}
div.Container .officerset ul li:before {
content:"";
width:100%;
height:7px;
display:block;
background-color:#6799cf;
position:absolute;
top:0px;
left:0px;
}
div.Container .officerset ul li:after {
content:"";
width:20%;
height:7px;
display:block;
background-color:#f0841a;
transform:skewX(-15deg);
position:absolute;
top:0px;
left:0px;
}
div.Container .officerset ul li .title {
margin:30px 30px 20px 30px;
font-size:18px;
font-weight:700;
letter-spacing:0px;
position:relative;
}
div.Container .officerset ul li .title span {
margin-bottom:5px;
display:block;
font-size:12px;
font-weight:400;
letter-spacing:0px;
}
div.Container .officerset ul li .title i {
margin-left:5px;
display:inline-block;
font-size:12px;
font-weight:400;
font-style:normal;
letter-spacing:0px;
}

/* 下層：アクセスマップ */
div.Container .accessset {
margin:0px auto;
width:100%;
}
div.Container .accessset .title {
margin-top:50px;
margin-bottom:30px;
padding:10px 10px;
font-size:18px;
font-weight:700;
background-color:#f8f8f8;
}
div.Container .accessset .title:nth-of-type(1) {
margin-top:0px;
}
div.Container .accessset ul {
width:100%;
}
div.Container .accessset ul li {
margin-right:2%;
margin-top:30px;
width:32%;
float:left;
}
div.Container .accessset ul li:nth-child(3n) {
margin-right:0%;
}
div.Container .accessset ul li .office {
font-size:16px;
font-weight:700;
letter-spacing:0px;
}
div.Container .accessset ul li .map {
margin:15px 0px;
width:100%;
height:300px;
}
div.Container .accessset ul li .map iframe {
width:100%;
height:300px;
}
div.Container .accessset ul li .address {
font-size:12px;
text-align:left;
line-height:1.5;
letter-spacing:0px;
}
/* #####個別 */
div.Container .accessset ul.headoffice li {
margin:30px auto 0px auto;
width:100%;
max-width:600px;
float:inherit;
}
div.Container .accessset ul.headoffice li .address {
text-align:center;
}

/* 下層：Agent Spirits */
div.Container .spiritsset {
margin:20px auto;
width:100%;
max-width:900px;
text-align:center;
}
div.Container .spiritsset .block {
padding:50px 50px;
background-color:rgba(103,153,207,0.05);
}
div.Container .spiritsset .sptitle {
margin-bottom:30px;
font-size:18px;
font-weight:700;
letter-spacing:0px;
}
div.Container .spiritsset .number {
margin-top:20px;
display:inline-block;
position:relative;
}
div.Container .spiritsset .number:before {
margin-top:20px;
position:relative;
content:"";
width:10px;
height:1px;
display:block;
background-color:#6799cf;
position:absolute;
top:16px;
left:34px;
}
div.Container .spiritsset .number i {
display:block;
color:#6799cf;
font-size:20px;
font-weight:700;
font-style:normal;
text-align:center;
line-height:20px;
letter-spacing:0px;
position:absolute;
top:18px;
left:0px;
}
div.Container .spiritsset .number strong {
margin-left:50px;
color:#6799cf;
font-size:28px;
font-weight:700;
letter-spacing:0px;
}
div.Container .spiritsset ul {
margin-left:50px;
}
div.Container .spiritsset ul li {
margin-right:10px;
padding-left:10px;
display:inline-block;
font-size:14px;
line-height:1.5;
position:relative;
}
div.Container .spiritsset ul li:before {
content:"";
width:4px;
height:4px;
display:block;
background-color:#6799cf;
-moz-border-radius:2px;/*for Firefox*/
-webkit-border-radius:2px;/*for Safari and chrome*/
border-radius:2px;
behavior:url(border-radius.htc);/*for IE*/
position:absolute;
top:9px;
left:0px;
}
/* #####個別 */
div.Container .spiritsset.original {
margin:0px auto;
}
div.Container .spiritsset.original .sptitle {
text-align:center;
}

/* ページャー */
div.Container .pager {
margin:50px auto;
width:100%;
text-align:center;
letter-spacing:-.4em;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.Container .pager p {
margin:5px 5px;
display:inline-block;
}
div.Container .pager p.nth-box span,
div.Container .pager p.nth-box a {
margin:0px 2px;
}
div.Container .pager p span,
div.Container .pager p a {
width:40px;
height:40px;
display:inline-block;
color:#6798d0;
font-size:12px;
letter-spacing:0px;
line-height:40px;
text-decoration:none;
}
div.Container .pager p a {
border:rgba(103,152,208,0.2) solid 1px;
box-sizing:border-box;
background-color:rgba(103,152,208,0.05);
}
div.Container .pager .no-link {
display:none;
}
div.Container .pager .current {
display:inline-block;
border:rgba(103,152,208,0.2) solid 1px;
box-sizing:border-box;
background-color:#ffffff;
}

/* 共通 */

/***** 表組み *****/
div.Container .table_layout {
width:100%;
}
div.Container .table_layout table {
width:100%;
text-align:left;
border-collapse:separate;
border-spacing:0;
border:0 !important ;
}
div.Container .table_layout table th,
div.Container .table_layout table td {
padding:25px 0px;
text-align:left;
border-bottom:rgba(0,0,0,0.1) solid 1px;
box-sizing:border-box;
}
div.Container .table_layout table tr:last-child th,
div.Container .table_layout table tr:last-child td {
border-bottom:none;
}
div.Container .table_layout table th p,
div.Container .table_layout table td p {
padding:0px 30px;
font-size:14px;
}
div.Container .table_layout table th {
width:30%;
background-color:#f8f8f8;
}
div.Container .table_layout table td {
width:70%;
}
div.Container .table_layout table td .officer span {
width:120px;
display:inline-block;
font-size:13px;
line-height:1.5;
vertical-align:middle;
}
/* #####個別 */
div.Container .leadblock .table_layout table th,
div.Container .leadblock .table_layout table td {
padding:10px 0px;
text-align:left;
border-bottom:rgba(255,255,255,1.0) solid 1px;
box-sizing:border-box;
}
div.Container .table_layout.pp table {
border-spacing:1px;
background-color:#f1f1f1;
}
div.Container .table_layout.pp table th,
div.Container .table_layout.pp table td {
padding:5px 0px;
border-bottom:none;
}
div.Container .table_layout.pp table tr:last-child th,
div.Container .table_layout.pp table tr:last-child td {
border-bottom:none;
}
div.Container .table_layout.pp table th p,
div.Container .table_layout.pp table td p {
padding:0px 10px;
font-size:14px;
text-align:center;
}
div.Container .table_layout.pp table th {
width:auto;
}
div.Container .table_layout.pp table td {
width:auto;
background-color:#ffffff;
}
div.Container .table_layout.pp p {
margin-top:5px;
font-size:12px;
text-align:right;
}

/***** リンク *****/
div.Container .readmore {
text-align:center;
}
div.Container .readmore a {
display:inline-block;
width:220px;
height:50px;
text-decoration:none;
overflow:hidden;
border-radius:25px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
position:relative;
}
div.Container .readmore a:after {
content:"";
width:100%;
height:50px;
display:block;
border:#6799cf solid 1px;
box-sizing:border-box;
border-radius:25px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
position:absolute;
top:0px;
left:0px;
z-index:-1;
}
div.Container .readmore a:before {
content:"";
width:100%;
height:50px;
display:block;
background-color:#6799cf;
position:absolute;
top:0px;
left:-101%;
z-index:-1;
transition:all 0.3s ease;
}
div.Container .readmore a p {
color:#6799cf;
font-size:14px;
font-weight:700;
letter-spacing:0px;
line-height:50px;
text-decoration:none;
}
div.Container .readmore a p span {
margin-top:17px;
display:block;
color:#6799cf;
font-size:10px;
font-weight:700;
letter-spacing:0px;
line-height:1.5;
text-decoration:none;
}
div.Container .readmore a p strong {
display:block;
color:#6799cf;
font-size:14px;
font-weight:700;
letter-spacing:0px;
line-height:1.5;
text-decoration:none;
}
/* #####個別 */
div.Container .readmore.jpen a {
height:70px;
border-radius:35px;
-webkit-border-radius:35px;
-moz-border-radius:35px;
}
div.Container .readmore.jpen a:after {
height:70px;
border-radius:35px;
-webkit-border-radius:35px;
-moz-border-radius:35px;
}
div.Container .readmore.jpen a:before {
height:70px;
}
div.Container .readmore.jpen a p {
line-height:70px;
}
/* #####アニメーション */
div.Container .readmore a:hover p,
div.Container .readmore a:hover p span,
div.Container .readmore a:hover p strong {
color:#ffffff;
}
div.Container .readmore a:hover:before {
left:0%;
}

/***** タイトル *****/
div.Container .title_english {
/*padding-top:30px;*/
color:#6799cf;
font-size:24px;
font-weight:700;
text-align:left;
letter-spacing:0px;
/*position:relative;*/
width: fit-content;
border-bottom:3px solid #f0831a;
}
/*
div.Container .title_english:before {
content:"";
width:50px;
height:1px;
display:block;
background-color:#f0841a;
position:absolute;
top:0px;
left:0px;
}
*/
div.Container .title_english strong {
display:block;
color:#6799cf;
font-size:13px;
font-weight:700;
letter-spacing:0px;
}
div.Container .title_bold {
position:relative;
}
div.Container .title_bold .title {
color:#6799cf;
font-size:32px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
}
div.Container .title_bold .subtitle {
margin-top:10px;
color:#f0841a;
font-size:14px;
line-height:1.5;
letter-spacing:0px;
}
div.Container .title_bold .toptitle {
margin-bottom:10px;
font-size:14px;
line-height:1.5;
letter-spacing:0px;
}
div.Container .title_bold .lead {
margin-top:10px;
font-size:15px;
}
div.Container .title_bold .lead:nth-of-type(1),
div.Container .title_bold .lead.top {
margin-top:50px;
}
div.Container .title_bold.pp {
margin-top:50px;
margin-bottom:50px;
}

/***** リスト *****/
div.Container ul.dot {
margin:20px 0px;
}
div.Container ul.dot li {
margin:5px 0px 5px 20px;
font-size:14px;
list-style:disc;
}
div.Container ol.number {
margin:20px 0px;
}
div.Container ol.number li {
margin:5px 0px 5px 20px;
font-size:14px;
list-style:decimal;
}

/***** テキスト *****/
div.Container .lead_default {
text-align:left;
}
div.Container .lead_default .title {
margin-top:50px;
margin-bottom:20px;
font-size:18px;
font-weight:700;
}
div.Container .lead_default .title.clear {
margin-top:0px;
}
/*div.Container .lead_default .lead + .title {
margin-top:50px;
}*/
div.Container .lead_default .title.bold {
padding:10px 20px;
background-color:#f8f8f8;
}
div.Container .lead_default .title.border {
padding:10px 20px;
color:#6799cf;
border:#6799cf solid 1px;
box-sizing:border-box;
}
div.Container .lead_default .lead {
padding:10px 0px;
font-size:14px;
}
div.Container .lead_default .lead.bold {
font-size:16px;
font-weight:700;
}
div.Container .align_left {
text-align:left;
}
div.Container .align_right {
text-align:right;
}
div.Container .align_center {
text-align:center;
}

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

div.Container {
margin:0px auto;
width:100%;
text-align:center;
}
div.Container .contents {
width:100%;
position:relative;
}
body#page div.Container .contents .contblock {
padding-top:50px;
}
div.Container .leadblock {
margin:0px auto;
width:100%;
max-width:900px;
}

/* メインビジュアル */
div.Container .mainvisual .copyset .maincopy {
margin-top:100px;
padding-bottom:10px;
font-size:5.0vw;
}
div.Container .mainvisual .copyset .maincopy strong {
font-size:5.0vw;
}
div.Container .mainvisual .copyset .maincopy:before {
width:100px;
left:-150px;
}
div.Container .mainvisual .copyset .subcopy {
font-size:2.8vw;
text-indent:-15px;
}

/* トップ：About us */
div.Container .topabout {
padding:50px 0px 50px 0px;
}
div.Container .topabout .inner {
padding-left:0%;
}
div.Container .topabout .title {
margin-bottom:20px;
margin-top:20px;
margin-left:35%;
font-size:20px;
}
div.Container .topabout .lead {
margin-bottom:20px;
margin-left:35%;
font-size:14px;
}
div.Container .topabout ol {
margin-left:35%;
}
div.Container .topabout ol li {
margin:0px 0px 5px 20px;
font-size:14px;
}
div.Container .topabout .eyecatch {
width:30%;
top:50px;
}
div.Container .topabout .eyecatch .img {
padding-top:130%;
}
/* #####個別 */
div.Container .topabout .title_english {
margin-left:35%;
}

/* トップ：ニュース */
div.Container .newsset {
padding:50px 0px 50px 0px;
}
div.Container .newsset.clear {
margin:0px auto 0px auto;
padding:0px 0px 50px 0px;
}
div.Container .newsset ul {
margin-left:0px;
margin-bottom:30px;
margin-top:30px;
}
div.Container .newsset ul li a,
div.Container .newsset ul li div.none {
padding:40px 0px 7px 0px;
}
div.Container .newsset ul li .date {
top:7px;
left:0px;
}
div.Container .newsset ul li .category {
top:7px;
left:inherit;
right:0px;
}
div.Container .newsset ul li .title {
font-size:14px;
line-height:1.5;
}
/* #####個別 */
div.Container .newsset .titleset {
position:static;
}
body#page div.Container .newsset {
margin:0px auto;
padding:0px 0px;
width:100%;
}
body#page div.Container .newsset ul {
margin-left:0px;
margin-top:50px;
}
body#page div.Container .newsset.ir ul {
margin-left:0px;
margin-bottom:30px;
margin-top:30px;
}
body#page div.Container .newsset.contact {
margin:50px auto 0px auto;
}
div.Container .newsset .contactbox {
margin-left:0px;
margin-top:30px;
}
div.Container .newsset .contactbox .inline .th {
width:40%;
}
div.Container .newsset .contactbox .inline .th p {
padding-left:20px;
font-size:14px;
}
div.Container .newsset .contactbox .inline .td {
width:60%;
}
div.Container .newsset .contactbox .inline .td p {
font-size:14px;
}
div.Container .newsset .contactbox .link {
margin-top:20px;
position:static;
text-align:center;
}

/* ニュース:詳細 */
div.Container .newsdetail {
margin:0px auto;
width:100%;
max-width:900px;
text-align:left;
}
div.Container .newsdetail .date {
margin-right:10px;
display:inline-block;
font-size:13px;
font-weight:700;
line-height:1.5;
}
div.Container .newsdetail .category {
padding:0px 5px;
display:inline-block;
color:#6799cf;
font-size:14px;
line-height:1.5;
letter-spacing:0px;
background-color:#f4f8fc;
}
div.Container .newsdetail .title {
margin-top:15px;
font-size:24px;
font-weight:700;
line-height:1.5;
}
div.Container .newsdetail .entry {
margin-top:50px;
}
div.Container .newsdetail .entry,
div.Container .newsdetail .entry p,
div.Container .newsdetail .entry a {
font-size:14px;
}
div.Container .newsdetail .entry p {
margin:10px 0px;
}
div.Container .newsdetail .entry h2 {
margin-bottom:30px;
margin-top:30px;
padding:20px 20px;
font-size:20px;
font-weight:700;
background:#f8f8f8;
}
div.Container .newsdetail .entry h3 {
margin-bottom:30px;
margin-top:30px;
font-size:20px;
font-weight:700;
}
div.Container .newsdetail .entry h4 {
margin-bottom:30px;
margin-top:30px;
color:#4b4b4b;
font-size:16px;
font-weight:700;
}
div.Container .newsdetail .entry figure {
margin:30px 0px;
padding:0px 0px;
}
div.Container .newsdetail .entry figure.wp-block-image {
margin:30px 0px;
padding:0px 0px;
}
div.Container .newsdetail .entry figure img {
max-width:100%;
}

/* トップ：企業情報 */
div.Container .companyset {
padding:50px 0px;
}
div.Container .companyset .inner {
margin-left:0px;
}
div.Container .companyset ul {
margin-top:30px;
}
div.Container .companyset ul li {
margin-top:10px;
margin-right:2%;
width:49%;
height:150px;
}
div.Container .companyset ul li:nth-child(3n) {
margin-right:2%;
}
div.Container .companyset ul li:nth-child(2n),
div.Container .companyset ul li:nth-child(6n) {
margin-right:0%;
}
div.Container .companyset ul li:nth-child(3) {
margin-top:10px;
}
div.Container .companyset ul li a {
height:150px;
}
div.Container .companyset ul li a .title strong {
padding:0px 7px;
font-size:13px;
}
/* #####個別 */
div.Container .companyset .titleset {
position:static;
}
body#page div.Container .companyset {
padding:30px 0px 0px 0px;
}

/* 採用情報バナー */
div.Container .recruitset {
padding:50px 0px;
}
div.Container .recruitset .inner {
padding:30px 0px;
}
div.Container .recruitset .headtitle {
margin-bottom:30px;
}
div.Container .recruitset .title {
margin-bottom:5px;
padding:0px 20px;
font-size:18px;
line-height:1.5;
}
div.Container .recruitset .title:before {
border-right:10px solid transparent;
border-top:10px solid #f0841a;
left:15px;
}
div.Container .recruitset .title:after {
border-left:10px solid transparent;
border-bottom:10px solid #f0841a;
right:15px;
}
div.Container .recruitset .subtitle {
margin-bottom:30px;
font-size:12px;
}

/* 下層：メッセージ */
div.Container .messageset {
margin:0px auto;
width:100%;
max-width:900px;
text-align:left;
}
div.Container .messageset .lead {
margin-top:10px;
font-size:14px;
}
div.Container .messageset .lead:nth-of-type(1) {
margin-top:50px;
}
div.Container .messageset .lead:nth-last-of-type(1) {
margin-top:30px;
}

/* 下層：企業理念 */
div.Container .philosophyset {
margin:0px auto;
width:100%;
max-width:900px;
text-align:left;
}
div.Container .philosophyset .lead {
margin-top:10px;
font-size:16px;
text-align:center;
}
div.Container .philosophyset .lead:nth-of-type(1) {
margin-top:50px;
}

/* 下層：事業内容 */
div.Container .businessset .tabnavi a {
margin:0px 0px;
width:100%;
line-height:50px;
}
div.Container .businessset .linetitle {
margin-bottom:20px;
margin-top:30px;
font-size:18px;
}
div.Container .businessset .linelead {
font-size:14px;
}
div.Container .businessset ul.trip li {
margin-right:0%;
margin-bottom:30px;
width:100%;
float:inherit;
}
div.Container .businessset ul.double li {
margin-right:0%;
margin-bottom:30px;
width:100%;
float:inherit;
}
div.Container .businessset .partner {
margin-top:30px;
padding-left:0px;
}
div.Container .businessset .partner .ttl {
font-size:14px;
position:static;
}
div.Container .businessset .partner a {
margin-right:5px;
display:inline-block;
font-size:13px;
}

/* 下層：沿革 */
div.Container .historyset .block:before {
margin-left:-6px;
width:10px;
height:10px;
-moz-border-radius:5px;/*for Firefox*/
-webkit-border-radius:5px;/*for Safari and chrome*/
border-radius:5px;
behavior:url(border-radius.htc);/*for IE*/
top:14px;
left:35%;
}
div.Container .historyset .block .year {
width:35%;
}
div.Container .historyset .block .year strong {
padding:4px 0px;
font-size:15px;
}
div.Container .historyset .block .year i {
margin:0px 5px;
}
div.Container .historyset .block .entry {
width:65%;
}
div.Container .historyset .block .entry p {
padding:7px 0px 10px 20px;
font-size:14px;
position:relative;
}
div.Container .historyset .block .entry p span {
width:100px;
font-size:15px;
top:4px;
left:-120px;
}
div.Container .historyset .block .entry p span i {
margin:0px 5px;
font-size:12px;
}

/* 下層：役員 */
div.Container .officerset ul li {
margin-right:2%;
margin-top:20px;
width:49%;
}
div.Container .officerset ul li:nth-child(2n) {
margin-right:0%;
}
div.Container .officerset ul li:nth-child(1),
div.Container .officerset ul li:nth-child(2) {
margin-top:0px;
}
div.Container .officerset ul li .title {
margin:20px 20px 10px 20px;
font-size:18px;
}
div.Container .officerset ul li .title i {
margin-left:0px;
display:block;
}

/* 下層：アクセスマップ */
div.Container .accessset .title {
margin-top:30px;
margin-bottom:20px;
padding:7px 7px;
font-size:16px;
}
div.Container .accessset .title:nth-of-type(1) {
margin-top:0px;
}
div.Container .accessset ul li {
margin-right:0%;
margin-top:30px;
width:100%;
float:inherit;
}
div.Container .accessset ul li .office {
font-size:15px;
}
div.Container .accessset ul li .map {
margin:15px auto;
max-width:400px;
height:240px;
}
div.Container .accessset ul li .map iframe {
width:100%;
height:240px;
}
/* #####個別 */
div.Container .accessset ul.headoffice li .address {
text-align:left;
}

/* 下層：Agent Spirits */
div.Container .spiritsset {
margin:20px auto;
}
div.Container .spiritsset .block {
padding:20px 20px;
}
div.Container .spiritsset .sptitle {
margin-bottom:20px;
font-size:16px;
text-align:left;
}
div.Container .spiritsset .number:before {
top:8px;
left:24px;
}
div.Container .spiritsset .number i {
font-size:16px;
top:10px;
}
div.Container .spiritsset .number strong {
margin-left:40px;
font-size:20px;
}
/* #####個別 */
div.Container .spiritsset.original {
margin:0px auto;
}
div.Container .spiritsset.original .sptitle {
text-align:left;
}

/* ページャー */
div.Container .pager {
margin:50px auto;
width:100%;
text-align:center;
letter-spacing:-.4em;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.Container .pager p {
margin:5px 5px;
display:inline-block;
}
div.Container .pager p.nth-box span,
div.Container .pager p.nth-box a {
margin:0px 2px;
}
div.Container .pager p span,
div.Container .pager p a {
width:40px;
height:40px;
display:inline-block;
color:#6798d0;
font-size:12px;
letter-spacing:0px;
line-height:40px;
text-decoration:none;
}
div.Container .pager p a {
border:rgba(103,152,208,0.2) solid 1px;
box-sizing:border-box;
background-color:rgba(103,152,208,0.05);
}
div.Container .pager .no-link {
display:none;
}
div.Container .pager .current {
display:inline-block;
border:rgba(103,152,208,0.2) solid 1px;
box-sizing:border-box;
background-color:#ffffff;
}

/* 共通 */

/***** 表組み *****/
div.Container .table_layout table th,
div.Container .table_layout table td {
padding:10px 0px;
}
div.Container .table_layout table th p,
div.Container .table_layout table td p {
padding:0px 15px;
}
div.Container .table_layout table th {
width:30%;
}
div.Container .table_layout table td {
width:70%;
}
div.Container .table_layout table td .officer {
padding-right:0px;
font-size:13px;
letter-spacing:0px;
}
div.Container .table_layout table td .officer span {
width:90px;
font-size:11px;
}
/* #####個別 */
div.Container .leadblock .table_layout table th,
div.Container .leadblock .table_layout table td {
padding:7px 0px;
}
div.Container .table_layout.pp table th p,
div.Container .table_layout.pp table td p {
padding:0px 7px;
font-size:3.0vw;
letter-spacing:0px;
}
div.Container .table_layout.pp p {
margin-top:5px;
font-size:12px;
text-align:right;
}

/***** リンク *****/
div.Container .readmore {
text-align:center;
}
div.Container .readmore a {
display:inline-block;
width:220px;
height:50px;
text-decoration:none;
overflow:hidden;
border:#6799cf solid 1px;
box-sizing:border-box;
border-radius:25px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
position:relative;
}
div.Container .readmore a:before {
content:"";
width:100%;
height:50px;
display:block;
background-color:#6799cf;
position:absolute;
top:0px;
left:-101%;
z-index:-1;
transition:all 0.3s ease;
}
div.Container .readmore a p {
color:#6799cf;
font-size:14px;
font-weight:700;
letter-spacing:0px;
line-height:50px;
text-decoration:none;
}
/* #####アニメーション */
div.Container .readmore a:hover p {
color:#ffffff;
}
div.Container .readmore a:hover:before {
left:0%;
}

/***** タイトル *****/
div.Container .title_english {
/*padding-top:30px;*/
color:#6799cf;
font-size:24px;
font-weight:700;
text-align:left;
letter-spacing:0px;
position:relative;
}
/*
div.Container .title_english:before {
content:"";
width:50px;
height:1px;
display:block;
background-color:#f0841a;
position:absolute;
top:0px;
left:0px;
}
*/
div.Container .title_english strong {
display:block;
color:#6799cf;
font-size:13px;
font-weight:700;
letter-spacing:0px;
}
div.Container .title_bold .title {
font-size:20px;
}
div.Container .title_bold .subtitle {
font-size:14px;
}
div.Container .title_bold .toptitle {
margin-bottom:10px;
font-size:14px;
}
div.Container .title_bold .lead {
font-size:14px;
text-align:left;
}
div.Container .title_bold .lead:nth-of-type(1),
div.Container .title_bold .lead.top {
margin-top:30px;
}
div.Container .title_bold.pp {
margin-top:30px;
margin-bottom:30px;
}

/***** リスト *****/
div.Container ul.dot {
margin:20px 0px;
}
div.Container ul.dot li {
margin:5px 0px 5px 20px;
font-size:14px;
list-style:disc;
}
div.Container ol.number {
margin:20px 0px;
}
div.Container ol.number li {
margin:5px 0px 5px 20px;
font-size:14px;
list-style:decimal;
}

/***** テキスト *****/
div.Container .lead_default {
text-align:left;
}
div.Container .lead_default .title {
margin-top:30px;
margin-bottom:10px;
font-size:16px;
line-height:1.5;
}
div.Container .lead_default .title.clear {
margin-top:0px;
}
/*div.Container .lead_default .lead + .title {
margin-top:50px;
}*/
div.Container .lead_default .title.bold {
padding:10px 15px;
background-color:#f8f8f8;
}
div.Container .lead_default .title.border {
padding:10px 15px;
}
div.Container .lead_default .lead {
padding:10px 0px;
font-size:14px;
}
div.Container .lead_default .lead.bold {
font-size:16px;
font-weight:700;
}
div.Container .align_left {
text-align:left;
}
div.Container .align_right {
text-align:right;
}
div.Container .align_center {
text-align:center;
}

div.Container .lead_default p img {
height:42px;
}

}

/*　footer　*/
/* -----------------------------------------------*/
#footerset {
width:100%;
text-align:center;
}
#footerset .inner {
margin:0px auto;
padding:100px 0px;
width:90%;
text-align:center;
position:relative;
}
#footerset ul {
margin:0px auto;
max-width:900px;
letter-spacing:-.4em;
}
#footerset ul li {
margin:3px 10px;
display:inline-block;
}
#footerset ul li a {
color:#6799cf;
font-size:13px;
text-decoration:none;
}
#footerset .logo {
margin:20px 0px 30px 0px;
width:100%;
height:49px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-position:center center;
background-repeat:no-repeat;
}
#footerset .copy {
color:#dedede;
font-size:10px;
letter-spacing:0.5px;
}

.svg #footerset .logo {
background-image:url(../images/logo.svg);
background-size:140px 49px;
}
.no-svg #footerset .logo {
background-image:url(../images/logo.png);
background-size:140px 49px;
}

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

#footerset .inner {
padding:50px 0px;
}
#footerset ul li {
margin:0px 7px;
line-height:18px;
}
#footerset ul li a {
font-size:12px;
line-height:18px;
}
#footerset .logo {
height:42px;
}
#footerset .copy {
font-size:9px;
}

.svg #footerset .logo {
background-image:url(../images/logo.svg);
background-size:120px 42px;
}
.no-svg #footerset .logo {
background-image:url(../images/logo.png);
background-size:120px 42px;
}

}


/*　entryform　*/
/* -----------------------------------------------*/
div.entryform  {
margin:0px auto;
width:100%;
max-width:900px;
}
div.entryform table {
width:100%;
text-align:left;
border-collapse:separate;
border-spacing:1px;
border:0 !important ;
background-color:#ffffff;
}
div.entryform table th,
div.entryform table td {
vertical-align:top;
}
div.entryform table th p,
div.entryform table td p {
font-size:14px;
letter-spacing:0px;
position:relative;
}
div.entryform table th {
padding:25px 0px;
width:30%;
min-width:300px;
background-color:#f8f8f8;
}
div.entryform table td {
padding:20px 0px;
width:70%;
background:#ffffff;
}
div.entryform table th p {
padding:0px 30px;
font-weight:700;
text-align:left;
position:relative;
}
div.entryform table th p span {
display:block;
overflow:hidden;
color:#2e3993;
font-size:12px;
font-weight:400;
letter-spacing:0px;
}
div.entryform table th p i {
display:inline-block;
color:#e20000;
font-size:11px;
font-weight:400;
font-style:normal;
letter-spacing:0px;
position:absolute;
top:3px;
right:30px;
}
div.entryform table td p {
margin-left:30px;
}
div.entryform table td div {
margin-left:30px;
letter-spacing:-.4em;
}

div.entryform table td input,
div.entryform table td textarea {
width:100%;
padding:12px 30px;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
box-sizing:border-box;
border:none; 
border-radius:0px;
}
div.entryform table td textarea {
height:200px;
}
div.entryform table td .inp_text {
background:#f8f8f8;
-moz-border-radius:25px;/*for Firefox*/
-webkit-border-radius:25px;/*for Safari and chrome*/
border-radius:25px;
-webkit-box-shadow:5px 5px 20px 0 #ffffff; /* Safari, Chrome用 */
-moz-box-shadow:5px 5px 20px 0 #ffffff; /* Firefox用 */
box-shadow:5px 5px 20px 0 #ffffff; /* CSS3 */
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
div.entryform table td .inp_text:focus {
background:#ffffff;
-webkit-box-shadow:5px 5px 20px 0 #cecece; /* Safari, Chrome用 */
-moz-box-shadow:5px 5px 20px 0 #cecece; /* Firefox用 */
box-shadow:5px 5px 20px 0 #cecece; /* CSS3 */
}
div.entryform table td .selectset {
width:90%;
height:50px;
overflow:hidden;
text-align:center;
border:#f1f1f1 solid 1px;
box-sizing:border-box;
position:relative;
}
div.entryform table td .selectset::before {
margin-top:-2px;
padding:0;
width:0;
height:0;
content:'';
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:6px solid #666666;
pointer-events:none;
position:absolute;
top:50%;
right:0.9em;
}
div.entryform table td .selectset select {
padding-right:38px;
padding-left:10px;
width:100%;
display:block;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:14px;
line-height:48px;
letter-spacing:0px;
text-overflow:ellipsis;
cursor:pointer;
border:none;
outline:none;
background:transparent;
background-image:none;
box-shadow:none;
-webkit-appearance:none;
appearance:none;
}
div.entryform table td .selectset select::-ms-expand {
display:none;
}
/* #####IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
div.entryform table td .selectset select {
padding-top:15px;
}
}

div.entryform .submit {
margin-top:50px;
text-align:center;
}
div.entryform .submit input[type="submit"] {
margin:0px 10px;
padding:0px 50px;
height:50px;
display:inline-block;
color:#ffffff;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:14px;
font-weight:700;
line-height:50px;
letter-spacing:0px;
text-decoration:none;
cursor:pointer;
border:none;
background:#333333;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
}

div.entryform .output {
margin-top:50px;
text-align:center;
}
div.entryform .output strong {
display:block;
font-size:13px;
font-weight:400;
letter-spacing:0px;
}
div.entryform .output p {
margin-bottom:20px;
}
div.entryform .output p a {
display:inline-block;
font-size:13px;
font-weight:700;
}
div.entryform .output label span {
padding:0px 10px;
width:auto;
}
.mw_wp_form_confirm .entryform table td {
padding:25px 0px;
}
.mw_wp_form_confirm .entryform table td div {
letter-spacing:0px;
}
.mw_wp_form_confirm .entryform table td .selectset {
width:auto;
height:auto;
text-align:left;
border:none;
}
.mw_wp_form_confirm .entryform table td .selectset::before {
display:none;
}
.mw_wp_form_confirm .entryform .attlead,
.mw_wp_form_confirm .entryform .output {
display:none;
}
.mw_wp_form .error {
padding-top:5px;
color:#e72520 !important ;
font-size:11px !important ;
}
.mw_wp_form .horizontal-item + .horizontal-item {
margin-left:0px !important ;
}
::-webkit-input-placeholder {
color:#b1b1b1;
font-size:14px;
}
:-ms-input-placeholder {
color:#b1b1b1;
font-size:14px;
}
::placeholder {
color:#b1b1b1;
font-size:14px;
}

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

div.entryform  {
margin:0px auto;
padding-bottom:30px;
width:100%;
}
div.entryform table th {
padding:10px 0px;
width:100%;
min-width:inherit;
display:block;
}
div.entryform table td {
padding:10px 0px;
width:100%;
display:block;
text-align:center;
}
div.entryform table th p {
padding:0px 20px;
}
div.entryform table th p span {
font-size:12px;
}
div.entryform table th p i {
font-size:11px;
top:3px;
right:20px;
}
div.entryform table td p {
margin-left:0px;
}
div.entryform table td div {
margin-left:0px;
}
div.entryform table td .input.full {
width:100%;
display:block;
}

div.entryform table td input {
margin-left:-10%;
padding:0px 20px;
width:120% !important ;
height:64px;
}
div.entryform table td textarea {
margin-left:-10%;
padding:10px 20px;
width:120% !important ;
height:150px;
}
div.entryform table td .inp_text {
-moz-border-radius:32px;/*for Firefox*/
-webkit-border-radius:32px;/*for Safari and chrome*/
border-radius:32px;
}
div.entryform table td .selectset {
width:90%;
display:inline-block;
}

div.entryform .submit {
margin-top:30px;
}
div.entryform .submit input[type="submit"] {
margin:0px 5px;
}

div.entryform .output {
margin-top:30px;
}
.mw_wp_form_confirm .entryform table td {
padding:15px 0px;
}
::-webkit-input-placeholder {
font-size:16px;
}
:-ms-input-placeholder {
font-size:16px;
}
::placeholder {
font-size:16px;
}

}


/*　20210700 update　*/
/* -----------------------------------------------*/
div.Container .businessset .bgtitle {
margin-bottom:30px;
margin-top:50px;
padding:10px 0px;
color:#6798d0;
font-size:18px;
font-weight:700;
text-align:center;
letter-spacing:0px;
border-bottom:rgba(103,152,208,0.2) solid 1px;
box-sizing:border-box;
background-color:rgba(103,152,208,0.05);
}
div.Container .imglead .img {
margin:30px 0px;
text-align:center;
letter-spacing:-.4em;
}
div.Container .imglead .img img {
width:100%;
}
div.Container .imglead .img p {
margin-top:30px;
}
div.Container .imglead .img p span {
margin-bottom:20px;
padding:5px 0px;
display:block;
font-size:20px;
font-weight:700;
line-height:1.5;
border-bottom:#f1f1f1 solid 1px;
border-top:#f1f1f1 solid 1px;
box-sizing:border-box;
background-color:#f8f8f8;
}
div.Container .imglead .img p strong {
margin-top:0px;
display:block;
font-size:13px;
font-weight:400;
line-height:1.5;
text-align:right;
}
div.Container .imglead .lead_default + .title_bold {
margin-top:30px;
}
div.Container .leftright {
margin:10px auto 0px auto;
width:100%;
}
div.Container .leftright.mt {
margin:30px auto 0px auto;
}
div.Container .leftright > div {
width:47.5%;
}
div.Container .leftright > div:nth-child(odd) {
float:left;
}
div.Container .leftright > div:nth-child(even) {
padding-top:70px;
float:right;
}
div.Container .leftright.clear > div:nth-child(even) {
padding-top:0px;
}
div.Container .leftright > div .img img {
width:100%;
}
div.Container .tabview .link {
text-align:right;
}
div.Container .tabview .link a {
margin:0px 10px;
padding:0px 30px;
height:40px;
display:inline-block;
color:#ffffff;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:14px;
font-weight:700;
line-height:40px;
letter-spacing:0px;
text-decoration:none;
cursor:pointer;
border:none;
background:#6798d0;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
}
@media screen and (max-width:900px) {
div.Container .businessset .bgtitle {
margin-bottom:20px;
margin-top:30px;
padding:7px 0px;
font-size:16px;
}
div.Container .imglead .img {
margin:20px 0px;
}
div.Container .imglead .img p {
margin-top:20px;
}
div.Container .imglead .img p span {
margin-bottom:10px;
font-size:16px;
}
div.Container .imglead .lead_default + .title_bold {
margin-top:20px;
}
div.Container .leftright {
margin:10px auto 0px auto;
width:100%;
}
div.Container .leftright.mt {
margin:20px auto 0px auto;
}
div.Container .leftright > div {
width:100%;
}
div.Container .leftright > div:nth-child(odd) {
float:inherit;
}
div.Container .leftright > div:nth-child(even) {
padding-top:0px;
float:inherit;
}
div.Container .leftright > div .img img {
width:100%;
}
div.Container .tabview .link {
margin-top:10px;
}
}


/*　20221100 update　*/
/* -----------------------------------------------*/


/*　pagenavi　*/
.pagenavi {
margin:0px auto;
width:90%;
max-width:1200px;
height:50px;
border-bottom:#f2f2f2 solid 1px;
box-sizing:border-box;
position:relative;
z-index:2;
}
.pagenavi .inner {
width:100%;
text-align:left;
overflow-x:auto;
/*-ms-overflow-style:none;
scrollbar-width:none;*/
}
/*.pagenavi .inner::-webkit-scrollbar{
display:none;
}*/
.pagenavi ul {
margin:0px auto;
display:flex;
width:max-content;
text-align:left;
letter-spacing:-.4em;
}
.pagenavi ul li {
display:inline-block;
}
.pagenavi ul li a {
display:inline-block;
margin:0px 10px;
font-size:14px;
line-height:50px;
text-decoration:none;
letter-spacing:0px;
position:relative;
}
.pagenavi ul li a:after {
content:"";
width:100%;
height:1px;
display:block;
background-color:#222222;
position:absolute;
bottom:0px;
left:0px;
z-index:2;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transition:all 0.5s ease;
}
.pagenavi ul li.select a:after {
height:2px;
bottom:0px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
/* #####アニメーション */
.pagenavi ul li a:hover:after {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
/* #####IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.pagenavi ul {
width:100%;
min-width:650px;
display:block;
}
}
@media screen and (max-width:900px) {
.pagenavi {
margin-bottom:25px;
}
.pagenavi ul li a {
font-size:13px;
}
}
@media screen and (max-width:500px) {
.pagenavi ul li a {
margin:0px 5px;
}
}


div.Container .passwordpage {
margin:200px auto 0px auto;
padding:0px 50px;
min-height:130px;
text-align:center;
}
div.Container .passwordpage p {
margin:20px 0px;
}

/* トップ：企業情報（IR用） */
div.Container .companyset.ir ul li {
border:#6799cf solid 1px;
box-sizing:border-box;
background-color:#ffffff;
}
div.Container .companyset.ir ul li:hover {
background-color:rgba(103,153,207,0.05);
}
div.Container .companyset.ir ul li a:before {
display:none;
}
div.Container .companyset.ir ul li a .title strong {
color:#6799cf;
font-size:18px;
font-weight:700;
background:none;
}
div.Container .companyset.ir ul li a .title span {
margin-top:10px;
padding-top:5px;
display:block;
color:#6799cf;
font-size:14px;
text-decoration:none;
letter-spacing:0px;
position:relative;
}
div.Container .companyset.ir ul li a .title span:before {
content:"";
margin-left:-50px;
display:block;
width:100px;
height:1px;
background-color:#f0841a;
position:absolute;
top:0px;
left:50%;
transition:all 0.3s ease;
}
/* #####アニメーション */
div.Container .companyset.ir ul li:hover a .title span:before {
margin-left:-35px;
width:70px;
}

/* IR：動画 */
div.Container .irmovie {
margin:-30px auto 100px auto;
width:100%;
max-width:700px;
}
div.Container .movieset {
padding-top:56.25%;
width:100%;
position:relative;
}
div.Container .movieset iframe {
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

/* IR：代表メッセージ */
div.Container .messagephoto {
margin:0px auto;
width:100%;
max-width:900px;
}
div.Container .messagephoto img {
width:100%;
}
div.Container .sign img {
width:240px;
}

/* ニュース */
/* #####IRページ */
div.Container .newsset.disclosure #script_out .inlead {
margin-top:50px;
font-size:14px;
line-height:1.5;
}
div.Container .newsset.disclosure {
max-width:inherit;
position:relative;
}
div.Container .newsset.disclosure .tabnavi {
letter-spacing:-.4em;
position:absolute;
top:8px;
right:130px;
}
div.Container .newsset.disclosure .tabnavi a {
margin-left:5px;
padding:0px 10px;
display:inline-block;
color:#6798d0;
font-size:13px;
line-height:34px;
text-decoration:none;
letter-spacing:0px;
cursor:pointer;
border:#6798d0 solid 1px;
box-sizing:border-box;
}
div.Container .newsset.disclosure .tabnavi a.active {
color:#ffffff;
background-color:#6798d0;
}
div.Container .newsset.disclosure.tab .title_bold {
text-align:left;
}
div.Container .newsset.disclosure .yearselect {
position:absolute;
top:8px;
right:0px;
}
div.Container .newsset.disclosure .yearselect .selectset {
width:120px;
height:36px;
overflow:hidden;
text-align:center;
background-color:#f8f8f8;
position:relative;
}
div.Container .newsset.disclosure .yearselect .selectset::before {
margin-top:-2px;
padding:0;
width:0;
height:0;
content:'';
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:6px solid #666666;
pointer-events:none;
position:absolute;
top:50%;
right:0.9em;
}
div.Container .newsset.disclosure .yearselect .selectset select {
padding-right:38px;
padding-left:10px;
width:100%;
display:block;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:13px;
line-height:36px;
letter-spacing:0px;
text-overflow:ellipsis;
cursor:pointer;
border:none;
outline:none;
background:transparent;
background-image:none;
box-shadow:none;
-webkit-appearance:none;
appearance:none;
}
div.Container .newsset.disclosure .yearselect .selectset select::-ms-expand {
display:none;
}
/* #####IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
div.Container .newsset.disclosure .yearselect .selectset select {
padding-top:10px;
}
}

/* 共通 */
/***** 表組み *****/
div.Container .table_layout.ir p.btmlead {
margin-top:10px;
text-align:left;
}

@media screen and (max-width:1050px) {
/* ニュース */
/* #####IRページ */
div.Container .newsset.disclosure .tabnavi {
top:50px;
right:0px;
}
div.Container .newsset.disclosure .tabnavi a {
padding:0px 10px;
font-size:12px;
}
div.Container .newsset.disclosure.tab .title_bold {
margin-bottom:100px;
}	
}
@media screen and (max-width:900px) {
div.Container .passwordpage {
margin:120px auto 0px auto;
}
/* IR：動画 */
div.Container .irmovie {
margin:0px auto 70px auto;
}
/* トップ：企業情報（IR用） */
div.Container .companyset ul li:nth-child(7) {
margin-right:0%;
width:100%;
}
div.Container .companyset ul li:nth-child(8) {
margin-right:2%;
}
div.Container .companyset ul li:nth-child(9) {
margin-right:0%;
}
div.Container .companyset.ir ul li a .title strong {
font-size:16px;
}
div.Container .companyset.ir ul li:nth-child(1) a .title strong {
font-size:14px;
}
div.Container .companyset.ir ul li a .title span {
font-size:12px;
}
}
@media screen and (max-width:650px) {
/* ニュース */
/* #####IRページ */
div.Container .newsset.disclosure #script_out .inlead {
margin-top:20px;
}
div.Container .newsset.disclosure .tabnavi {
width:100%;
text-align:center;
}
div.Container .newsset.disclosure .tabnavi a {
margin-top:3px;
margin-bottom:3px;
margin-left:1%;
margin-right:1%;
padding:0px 0px;
width:31.33333%;
display:inline-block;
font-size:12px;
line-height:34px;
text-align:center;
}
div.Container .newsset.disclosure .tabnavi a:nth-child(7) {
width:98%;
}
div.Container .newsset.disclosure.tab.news .title_bold {
margin-bottom:180px;
}
div.Container .newsset.disclosure.tab.library .title_bold {
margin-bottom:130px;
}
}


/* 下層：業績ハイライト */
div.Container .irhighlight {
margin:0px auto;
width:100%;
max-width:1100px;
position:relative;
}
div.Container .irhighlight .headgraph {
margin:0px auto 70px auto;
width:100%;
}
div.Container .irhighlight .headgraph .lo_left {
width:60%;
float:left;
}
div.Container .irhighlight .headgraph .lo_right {
width:35%;
float:right;
}
div.Container .irhighlight .headgraph .title {
font-size:18px;
font-weight:700;
letter-spacing:0px;
}
div.Container .irhighlight .headgraph .imgset img {
width:100%;
}
div.Container .irhighlight .tabnavi {
width:100%;
text-align:center;
letter-spacing:-.4em;
}
div.Container .irhighlight .tabnavi a {
margin-right:5px;
padding:0px 10px;
display:inline-block;
color:#6798d0;
font-size:13px;
line-height:34px;
text-decoration:none;
letter-spacing:0px;
border:#6798d0 solid 1px;
box-sizing:border-box;
}
div.Container .irhighlight .tabnavi a.active {
color:#ffffff;
background-color:#6798d0;
}
div.Container .irhighlight .tabnavi a:last-child {
margin-right:0px;
}
div.Container .irhighlight .highlightview.hide {
display:none;
}
div.Container .irhighlight .highlightset {
width:100%;
}
div.Container .irhighlight .highlightset .block {
margin-top:50px;
padding-bottom:30px;
width:47.5%;
position:relative;
}
div.Container .irhighlight .highlightset .block:nth-child(odd) {
float:left;
}
div.Container .irhighlight .highlightset .block:nth-child(even) {
float:right;
}
div.Container .irhighlight .highlightset .block .title {
font-size:18px;
font-weight:700;
letter-spacing:0px;
}
div.Container .irhighlight .highlightset .block .title span {
margin-left:5px;
display:inline-block;
font-size:13px;
font-weight:400;
letter-spacing:0px;
}
div.Container .irhighlight .highlightset .block .graphset {
margin:20px 0px;
width:100%;
}
div.Container .irhighlight .highlightset .block table {
width:100%;
text-align:left;
border-collapse:separate;
border-spacing:1px;
border:0 !important ;
background-color:#f1f1f1;
}
div.Container .irhighlight .highlightset .block table th,
div.Container .irhighlight .highlightset .block table td {
padding:5px 0px;
text-align:left;
}
div.Container .irhighlight .highlightset .block table th p,
div.Container .irhighlight .highlightset .block table td p {
font-size:11px;
text-align:center;
letter-spacing:0px;
}
div.Container .irhighlight .highlightset .block table th {
background-color:#f8f8f8;
}
div.Container .irhighlight .highlightset .block table td {
background-color:#ffffff;
}
div.Container .irhighlight .highlightset .block .lead {
font-size:12px;
letter-spacing:0px;
text-align:left;
position:absolute;
bottom:0px;
left:0px;
}
div.Container .irhighlight .irlead {
font-size:13px;
text-align:left;
}
/* 下層：IRカレンダー */
div.Container .calendarimg {
margin:0px auto;
width:100%;
letter-spacing:-.4em;
}
div.Container .calendarimg img {
margin:0px 1px;
width:24%;
display:inline-block;
}
/* 下層：コーポレート・ガバナンス */
div.Container .governanceimg {
margin:30px auto 0px auto;
width:100%;
letter-spacing:-.4em;
text-align:left;
}
div.Container .governanceimg img {
width:100%;
max-width:800px;
}
@media screen and (max-width:900px) {
/* 下層：業績ハイライト */
div.Container .irhighlight {
margin:0px auto;
width:100%;
max-width:1100px;
text-align:center;
position:relative;
}
div.Container .irhighlight .headgraph {
margin:0px auto 50px auto;
max-width:400px;
}
div.Container .irhighlight .headgraph .lo_left {
width:100%;
float:inherit;
}
div.Container .irhighlight .headgraph .lo_right {
width:100%;
float:inherit;
}
div.Container .irhighlight .headgraph .title {
font-size:16px;
}
div.Container .irhighlight .tabnavi a {
font-size:13px;
line-height:34px;
}
div.Container .irhighlight .highlightset .block {
margin-top:50px;
width:100%;
}
div.Container .irhighlight .highlightset .block:nth-child(odd) {
float:inherit;
}
div.Container .irhighlight .highlightset .block:nth-child(even) {
float:inherit;
}
div.Container .irhighlight .highlightset .block .title {
font-size:16px;
}
div.Container .irhighlight .highlightset .block .title span {
margin-left:5px;
font-size:12px;
}
}
@media screen and (max-width:650px) {
/* 下層：業績ハイライト */
div.Container .irhighlight .tabnavi a {
font-size:3.0vw;
}
div.Container .irhighlight .highlightset .block .lead {
bottom:-20px;
}
/* 下層：IRカレンダー */
div.Container .calendarimg img {
width:49%;
}
}

/* SDGs */
div.Container .sdgsset {
margin:0px auto;
padding-top:50px;
width:90%;
max-width:1000px;
text-align:left;
}
div.Container .sdgsset .mainimg {
width:100%;
}
div.Container .sdgsset .mainimg img {
width:100%;
}
div.Container .sdgsset .iconimg {
width:100%;
}
div.Container .sdgsset .iconimg ul {
width:100%;
}
div.Container .sdgsset .iconimg ul li {
margin-right:2%;
margin-top:15px;
width:15%;
float:left;
}
div.Container .sdgsset .iconimg ul li:nth-child(1),
div.Container .sdgsset .iconimg ul li:nth-child(2),
div.Container .sdgsset .iconimg ul li:nth-child(3),
div.Container .sdgsset .iconimg ul li:nth-child(4),
div.Container .sdgsset .iconimg ul li:nth-child(5),
div.Container .sdgsset .iconimg ul li:nth-child(6) {
margin-top:0px;
}
div.Container .sdgsset .iconimg ul li:nth-child(6n) {
margin-right:0%;
}
div.Container .sdgsset .iconimg ul li img {
width:100%;
}
div.Container .sdgsset .title {
margin-top:50px;
padding:10px 20px;
color:#6799cf;
font-size:24px;
font-weight:700;
border:#6799cf solid 1px;
box-sizing:border-box;
background-color:rgba(103,153,207,0.05);
}
div.Container .sdgsset .subtitle {
margin-top:50px;
margin-bottom:30px;
padding-bottom:10px;
color:#6799cf;
font-size:20px;
font-weight:700;
border-bottom:#6799cf solid 1px;
box-sizing:border-box;
}
div.Container .sdgsset .lead {
margin-top:10px;
font-size:14px;
}
div.Container .sdgsset .link {
margin-top:30px;
text-align:right;
}
div.Container .sdgsset .link a {
display:inline-block;
width:150px;
height:50px;
color:#6799cf;
font-size:14px;
font-weight:700;
text-align:center;
letter-spacing:0px;
line-height:50px;
text-decoration:none;
border-radius:25px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
overflow:hidden;
position:relative;
}
div.Container .sdgsset .link a:after {
content:"";
width:100%;
height:50px;
display:block;
border:#6799cf solid 1px;
box-sizing:border-box;
border-radius:25px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
position:absolute;
top:0px;
left:0px;
z-index:-1;
}
div.Container .sdgsset .link a:before {
content:"";
width:100%;
height:50px;
display:block;
background-color:#6799cf;
position:absolute;
top:0px;
left:-101%;
z-index:-2;
transition:all 0.3s ease;
}
/* #####アニメーション */
div.Container .sdgsset .link a:hover {
color:#ffffff;
}
div.Container .sdgsset .link a:hover:before {
left:0%;
}
@media screen and (max-width:900px) {
/* SDGs */
div.Container .sdgsset {
margin:0px auto;
padding-top:30px;
}
div.Container .sdgsset .iconimg ul li {
margin-right:5%;
width:30%;
}
div.Container .sdgsset .iconimg ul li:nth-child(4),
div.Container .sdgsset .iconimg ul li:nth-child(5),
div.Container .sdgsset .iconimg ul li:nth-child(6) {
margin-top:15px;
}
div.Container .sdgsset .iconimg ul li:nth-child(3n) {
margin-right:0%;
}
div.Container .sdgsset .title {
margin-top:50px;
padding:10px 20px;
font-size:22px;
line-height:1.5;
}
div.Container .sdgsset .subtitle {
margin-top:50px;
margin-bottom:30px;
font-size:18px;
}
div.Container .sdgsset .lead {
margin-top:10px;
font-size:14px;
}
div.Container .sdgsset .link {
margin-top:20px;
}
}

/*2024-0707 add by tradex*/


#video,#video2 {  
display: none;
}

.topmovie_wrap {
	margin: 0px auto;
    padding: 100px 0px 0px 0px;
    width: 90%;
    max-width: 1200px;
}

ul.topmovie {
	width:100%;
	height:auto;
	margin:0 auto;
	display:table;
	/*background-color:#ccc;*/
}

ul.topmovie li {
	width:50%;
	height:auto;
	padding:30px 30px;
	box-sizing:border-box;
	float:left;
	position:relative;
}

ul.topmovie li:hover {
	opacity:0.7;
	transition:0.6s;
}


ul.topmovie li a {
	width:100%;
	height:auto;
	display:table;
	text-decoration:none;
}

ul.topmovie li span {
	position:absolute;
	bottom:10%;
	right:0%;
}

ul.topmovie li img {
	width:100%;
}

ul.topmovie li p {
	font-size:16px;
	font-weight:700;
	color:#6799cf;
}


#player,
#player2 {
	width:640px;
	height:360px;
}


@media screen and (max-width:768px) {
	
	ul.topmovie li {
		width:100%;
	}


	#player,
	#player2 {
		width:100%;
		height:56.25%;
	}
	ul.topmovie li p {
		font-size:13px;
	}
	ul.topmovie li span {
		position:absolute;
		bottom:25%;
		right:0%;
	}

	ul.topmovie li span img{
		width:70%;
	}
	
	.pc-br {
		display:none;
	}



}