@charset "utf-8";
* {
}
@font-face {
font-family: 'Frutiger';
font-style: normal;
font-weight: normal;
src: local('Frutiger'), url('Frutiger.woff') format('woff');
}


@font-face {
font-family: 'Frutiger Bold';
font-style: normal;
font-weight: normal;
src: local('Frutiger Bold'), url('Frutiger_bold.woff') format('woff');
}


.ikiiki,
.ikiiki-workstyle,
.ikiiki-innovation,
.ikiiki-graph,
.ikiiki-remotework,
.ikiiki-fproject,
.ikiiki-lca,
.ikiiki-rfg{
color: #000000;
-webkit-text-size-adjust: none;
position: relative;
font-family:-apple-system, BlinkMacSystemFont,'AxisStd-Lightiftcp','AxisStd-Light','sans-serif' !important;
font-size: 14px;
line-height: 1.85;
}
@media (max-width: 640px){
.ikiiki,
.ikiiki-workstyle,
.ikiiki-innovation,
.ikiiki-remotework,
.ikiiki-graph,
.ikiiki-fproject,
.ikiiki-lca,
.ikiiki-rfg{
font-size: 0.9em;
}
}
.ikiiki{
background: url("../img/bg_triangle_ash.png") -10vw -5vw no-repeat;
background-size: 200%;
height: 100%;
width: 100%;
}
.ikiiki-workstyle{
background: url("../img/bg_triangle_ash.png") -10vw 30vw no-repeat;
background-size: 300%;
height: 100%;
}
.ikiiki-innovation{
background: url("../img/bg_triangle_ash.png") -110vw -30vw no-repeat;
background-size: 300%;
height: 100%;
}
.ikiiki-graph{
background: url("../img/bg_triangle_ash.png") -110vw -200vw no-repeat;
background-size: 600%;
height: 100%;
}
.ikiiki-remotework{
background: url("../img/bg_triangle_ash.png") -130vw -50vw no-repeat;
background-size: 250%;
height: 100%;
}
.ikiiki-fproject{
background: url("../img/bg_triangle_ash.png") -130vw -50vw no-repeat;
background-size: 500%;
height: 100%;
}
.ikiiki-lca{
background: url("../img/bg_triangle_ash.png") -130vw -80vw no-repeat;
background-size: 500%;
height: 100%;
}
.ikiiki-rfg{
background: url("../img/bg_triangle_ash.png") -100vw -10vw no-repeat;
background-size: 500%;
height: 100%;
}


@media (max-width: 1024px){
.ikiiki{
background: url("../img/bg_triangle_ash.png") -100vw -5vw;
background-size: 600%;
}
.ikiiki-workstyle{
background: none;
}
}

.backSize250{
background-size: 250%;
}

.backSize300{
background-size: 300%;
}

.ikiiki a:hover,
.ikiiki-workstyle a:hover,
.ikiiki-innovation a:hover,
.ikiiki-remotework a:hover,
.ikiiki-graph a:hover,
.ikiiki-fproject a:hover,
.ikiiki-lca a:hover,
.ikiiki-rfg a:hover{
text-decoration: none;
}

.ikiiki img,
.ikiiki-workstyle img,
.ikiiki-innovation img,
.ikiiki-remotework img,
.ikiiki-fproject img,
.ikiiki-lca img,
.ikiiki-rfg img{
max-width: 100%;
vertical-align: top;
}

.ikiiki-graph img {
max-width: 480px;
vertical-align: top;
padding: 0 0 40px 0;
}
@media (max-width: 980px){
.ikiiki-graph img {
max-width: 320px;
vertical-align: top;
padding: 0 0 40px 0;
}
}

/*--------------------------------------
z-index
*--------------------------------------
ikiiki .overview   z-index:        2;
triangle           z-index:1000000000;
tl                 z-index: 100000000;
link_p1            z-index:       999;
tips_news          z-index:        20;
obi                z-index:       100;
*--------------------------------------*/

.ikiiki .overview{
z-index: 2;
margin-left: auto;
margin-right: auto;
position: relative;
box-sizing: border-box;
min-height: auto;
height: 552px;
display: flex;
align-items: start;
padding: 0;
background:url("../img/overview_bg.jpg") center bottom no-repeat;
background-size: cover;
}

@media (max-width: 1340px){
.ikiiki .overview{
background:url("../img/overview_bg.jpg") center -110px no-repeat;
}
}
@media (max-width: 1200px){
.ikiiki .overview{
background: url("../img/overview_bg.jpg") center center no-repeat;
}
}
@media (max-width: 640px){
.ikiiki .overview{
height: 352px;
background: url("../img/overview_bg.jpg") center center no-repeat;
}
}


.ikiiki-workstyle .overview_workstyle,
.ikiiki-innovation .overview_innovation,
.ikiiki-graph .overview_graph,
.ikiiki-remotework .overview_remotework{
z-index: 2;
margin-left: auto;
margin-right: auto;
position: relative;
box-sizing: border-box;
min-height: auto;
height: 377px;
display: flex;
align-items: center;
padding: 0;
}
@media (max-width: 640px){
.ikiiki-workstyle .overview_workstyle,
.ikiiki-innovation .overview_innovation,
.ikiiki-graph .overview_graph,
.ikiiki-remotework .overview_remotework{
height: 177px;
}
}
.ikiiki-workstyle .overview_workstyle{
background: url("../img/overview_bg_workstyle.jpg") center no-repeat;
background-size: cover;
}
.ikiiki-innovation .overview_innovation{
background: url("../img/overview_bg_innovation.jpg") center bottom no-repeat;
background-size: cover;
}
.ikiiki-graph .overview_graph{
background: url("../img/overview_bg_graph.jpg") center center no-repeat;
background-size: cover;
}
.ikiiki-remotework .overview_remotework{
background: url("../img/overview_bg_remotework.jpg") center bottom no-repeat;
background-size: cover;
}




.ikiiki-fproject .overview_fproject,
.ikiiki-fproject .overview_fproject2,
.ikiiki-fproject .overview_sidejob1,
.ikiiki-fproject .overview_sidejob2,
.ikiiki-fproject .overview_sidejob3,
.ikiiki-fproject .overview_bil,
.ikiiki-fproject .overview_fd,
.ikiiki-lca .overview_lca,
.ikiiki-rfg .overview_rfg{
z-index: 2;
margin-left: auto;
margin-right: auto;
position: relative;
box-sizing: border-box;
min-height: auto;
height: 552px;
display: flex;
align-items: center;
padding: 0;
}

.ikiiki-fproject .overview_fproject{
background: url("../img/overview_bg_fproject.jpg") center right no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_fproject2{
background: url("../img/overview_bg_fproject02.jpg") center right no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_sidejob1{
background: url("../img/overview_bg_sidejob01.jpg") left top no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_sidejob2{
background: url("../img/overview_bg_sidejob02.jpg") left top no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_sidejob3{
background: url("../img/overview_bg_sidejob03.jpg") left center no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_bil{
background: url("../img/overview_bg_bil01.jpg") center top -90px no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_fd{
background: url("../img/overview_bg_fd01.jpg") center top -90px no-repeat;
background-size: cover;
}
.ikiiki-lca .overview_lca{
background: url("../img/overview_bg_lca.jpg") top center no-repeat;
background-size: cover;
}
.ikiiki-rfg .overview_rfg{
background: url("../img/overview_bg_rfg.jpg") center right no-repeat;
background-size: cover;
}


@media (max-width: 1024px){
.ikiiki-fproject .overview_fproject,
.ikiiki-fproject .overview_fproject2,
.ikiiki-fproject .overview_sidejob1,
.ikiiki-fproject .overview_sidejob2,
.ikiiki-fproject .overview_sidejob3,
.ikiiki-fproject .overview_bil,
.ikiiki-fproject .overview_fd,
.ikiiki-lca .overview_lca,
.ikiiki-rfg .overview_rfg{
height: 852px;
}
.ikiiki-fproject .overview_fproject{
background: url("../img/overview_bg_fproject_sp.jpg") center top no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_fproject2{
background: url("../img/overview_bg_fproject02_sp.jpg") center top no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_sidejob1{
background: url("../img/overview_bg_sidejob01_sp.jpg") left top no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_sidejob2{
background: url("../img/overview_bg_sidejob02_sp.jpg") left top no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_sidejob3{
background: url("../img/overview_bg_sidejob03_sp.jpg") left top no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_bil{
background: url("../img/overview_bg_bil01_sp.jpg") left top no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_fd{
  background: url("../img/overview_bg_fd01_sp.jpg") left top no-repeat;
  background-size: cover;
  }
.ikiiki-lca .overview_lca{
background: url("../img/overview_bg_lca_sp.jpg") center center no-repeat;
background-size: cover;
}
.ikiiki-rfg .overview_rfg{
background: url("../img/overview_bg_rfg_sp.jpg") center center no-repeat;
background-size: cover;
}
}


@media (max-width: 640px){
.ikiiki-fproject .overview_fproject,
.ikiiki-fproject .overview_fproject2,
.ikiiki-fproject .overview_fproject3,
.ikiiki-fproject .overview_sidejob1,
.ikiiki-fproject .overview_sidejob2,
.ikiiki-fproject .overview_sidejob3,
.ikiiki-fproject .overview_bil,
.ikiiki-fproject .overview_fd,
.ikiiki-lca .overview_lca,
.ikiiki-rfg .overview_rfg{
height: 552px;
align-items: top;
}
}

.ikiiki .overtriangle{
z-index: 2;
margin-left: auto;
margin-right: auto;
position: relative;
box-sizing: border-box;
min-height: auto;
height: 552px;
display: flex;
align-items: start;
padding: 0;
/*  background: url("../img/bg_triangle_mv.png") center no-repeat;  */
background-size: 140%;
width: 100%;
animation: fadeIn 1s ease-in 0s 1 normal;
-webkit-animation: fadeIn 1s ease-in 0s 1 normal;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@media (max-width: 1024px){
.ikiiki .overtriangle{
background: none;
width: 100%;
align-items: flex-start;
animation: none;
}
}
@media (max-width: 640px){
.ikiiki .overtriangle{
background: none;
width: 100%;
height: 352px;
}
}

.ikiiki-workstyle .overview_workstyle .overtriangle,
.ikiiki-innovation .overview_innovation .overtriangle,
.ikiiki-graph .overview_graph .overtriangle,
.ikiiki-remotework .overview_remotework .overtriangle{
z-index: 2;
margin: 0;
position: relative;
box-sizing: border-box;
min-height: auto;
height: 377px;
display: flex;
align-items: flex-start;
padding: 0;
background: url("../img/bg_triangle_workstyle.png") center -300px no-repeat;
background-size: 140%;
width: 100%;
}

@media (max-width: 640px){
.ikiiki-workstyle .overview_workstyle .overtriangle,
.ikiiki-innovation .overview_innovation .overtriangle,
.ikiiki-graph .overview_graph .overtriangle,
.ikiiki-remotework .overview_remotework .overtriangle{
background:none;
}
}

.ikiiki-fproject .overview_fproject .overtriangle,
.ikiiki-fproject .overview_fproject2 .overtriangle,
.ikiiki-fproject .overview_sidejob1 .overtriangle,
.ikiiki-fproject .overview_sidejob2 .overtriangle,
.ikiiki-fproject .overview_sidejob3 .overtriangle,
.ikiiki-fproject .overview_bil .overtriangle,
.ikiiki-fproject .overview_fd .overtriangle,
.ikiiki-lca .overview_lca .overtriangle,
.ikiiki-rfg .overview_rfg .overtriangle{
z-index: 2;
margin-left: auto;
margin-right: auto;
position: relative;
box-sizing: border-box;
min-height: auto;
height: 552px;
display: flex;
align-items: center;
padding: 0;
width: 100%;
}
.ikiiki-fproject .overview_fproject .overtriangle{
background: url("../img/bg_triangle_fproject.png") top no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_fproject2 .overtriangle{
background: url("../img/bg_triangle_fproject02.png") top no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_bil .overtriangle,
.ikiiki-fproject .overview_fd .overtriangle{
background: url("../img/bg_triangle_bil01.png") top no-repeat;
background-size: cover;
}
.ikiiki-fproject .overview_sidejob1 .overtriangle,
.ikiiki-fproject .overview_sidejob2 .overtriangle,
.ikiiki-fproject .overview_sidejob3 .overtriangle{
background: url("../img/bg_triangle_sidejob01.png") top no-repeat;
background-size: cover;
}
.ikiiki-lca .overview_lca .overtriangle{
background: url("../img/bg_triangle_lca.png") top no-repeat;
background-size: cover;
}
.ikiiki-rfg .overview_rfg .overtriangle{
background: url("../img/bg_triangle_rfg.png") top no-repeat;
}

@media (max-width: 1024px){
.ikiiki-fproject .overview_fproject .overtriangle,
.ikiiki-fproject .overview_fproject2 .overtriangle,
.ikiiki-fproject .overview_sidejob1 .overtriangle,
.ikiiki-fproject .overview_sidejob2 .overtriangle,
.ikiiki-fproject .overview_sidejob3 .overtriangle,
.ikiiki-fproject .overview_bil .overtriangle,
.ikiiki-fproject .overview_fd .overtriangle{
height: 852px;
display: block;
align-items:flex-start;
background-size: 100%;
}
.ikiiki-lca .overview_lca .overtriangle,
.ikiiki-rfg .overview_rfg .overtriangle{
height: 852px;
display: flex;
align-items: center;
background-size: 100%;
}

.ikiiki-fproject .overview_fproject .overtriangle{
background: url("../img/bg_triangle_fproject_sp.png") top no-repeat;
}
.ikiiki-fproject .overview_fproject2 .overtriangle,
.ikiiki-fproject .overview_bil .overtriangle,
.ikiiki-fproject .overview_fd .overtriangle{,
background: url("../img/bg_triangle_fproject02_sp.png") top no-repeat;
}
.ikiiki-fproject .overview_sidejob1 .overtriangle,
.ikiiki-fproject .overview_sidejob2 .overtriangle,
.ikiiki-fproject .overview_sidejob3 .overtriangle{
background: url("../img/bg_triangle_sidejob01_sp.png") top no-repeat;
}
.ikiiki-lca .overview_lca .overtriangle{
background: url("../img/bg_triangle_lca_sp.png") top no-repeat;
}
.ikiiki-rfg .overview_rfg .overtriangle{
background: url("../img/bg_triangle_rfg_sp.png") top no-repeat;
}
}

@media (max-width: 640px){
.ikiiki-fproject .overview_fproject .overtriangle,
.ikiiki-fproject .overview_fproject2 .overtriangle,
.ikiiki-fproject .overview_bil .overtriangle,
.ikiiki-fproject .overview_fd .overtriangle,
.ikiiki-fproject .overview_sidejob1 .overtriangle,
.ikiiki-fproject .overview_sidejob2 .overtriangle,
.ikiiki-fproject .overview_sidejob3 .overtriangle{
height: 552px;
background: none;
}
.ikiiki-lca .overview_lca .overtriangle,
.ikiiki-rfg .overview_rfg .overtriangle{
height: 552px;
align-items:flex-start;
background: none;
}
}


.ikiiki .overview .overview_text_layer,
.ikiiki-workstyle .overview_workstyle .overview_text_layer,
.ikiiki-innovation .overview_innovation .overview_text_layer,
.ikiiki-graph .overview_graph .overview_text_layer,
.ikiiki-remotework .overview_remotework .overview_text_layer,
.ikiiki-fproject .overview_fproject .overview_text_layer,
.ikiiki-fproject .overview_fproject2 .overview_text_layer,
.ikiiki-fproject .overview_bil .overview_text_layer,
.ikiiki-fproject .overview_fd .overview_text_layer,
.ikiiki-fproject .overview_sidejob1 .overview_text_layer,
.ikiiki-fproject .overview_sidejob2 .overview_text_layer,
.ikiiki-fproject .overview_sidejob3 .overview_text_layer,
.ikiiki-lca .overview_lca .overview_text_layer,
.ikiiki-rfg .overview_rfg .overview_text_layer {
z-index: 2;
width: 1024px;
margin-left: auto;
margin-right: auto;
position: relative;
box-sizing: border-box;
min-height: auto;
text-align: left;
align-items: start;
}

.ikiiki .overview .overview_text_layer {
height: 552px;
display: flex;
padding: 90px 0 0 0;
}
.ikiiki-workstyle .overview_workstyle .overview_text_layer,
.ikiiki-innovation .overview_innovation .overview_text_layer,
.ikiiki-graph .overview_graph .overview_text_layer,
.ikiiki-remotework .overview_remotework .overview_text_layer{
display: block;
padding: 0;
}
.ikiiki-fproject .overview_fproject .overview_text_layer,
.ikiiki-fproject .overview_fproject2 .overview_text_layer,
.ikiiki-fproject .overview_bil .overview_text_layer,
.ikiiki-fproject .overview_fd .overview_text_layer,
.ikiiki-fproject .overview_sidejob1 .overview_text_layer,
.ikiiki-fproject .overview_sidejob2 .overview_text_layer,
.ikiiki-fproject .overview_sidejob3 .overview_text_layer,
.ikiiki-lca .overview_lca .overview_text_layer,
.ikiiki-rfg .overview_rfg .overview_text_layer {
height: 552px;
display: block;
padding: 0;
}

@media (max-width: 1024px){
.ikiiki .overview .overview_text_layer {
height: auto;
padding: 50px 5% 0;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.ikiiki-fproject .overview_fproject .overview_text_layer,
.ikiiki-fproject .overview_fproject2 .overview_text_layer,
.ikiiki-fproject .overview_bil .overview_text_layer,
.ikiiki-fproject .overview_fd .overview_text_layer,
.ikiiki-fproject .overview_sidejob1 .overview_text_layer,
.ikiiki-fproject .overview_sidejob2 .overview_text_layer,
.ikiiki-fproject .overview_sidejob3 .overview_text_layer,
.ikiiki-lca .overview_lca .overview_text_layer,
.ikiiki-rfg .overview_rfg .overview_text_layer {
width: auto;
min-width: 100%;
margin-top: 0;
position: absolute;
height: 852px;
padding: 0;
}
}

@media (max-width: 640px){
.ikiiki .overview .overview_text_layer {
padding: 30px 2% 0; 
}
.ikiiki-fproject .overview_fproject .overview_text_layer,
.ikiiki-fproject .overview_fproject2 .overview_text_layer,
.ikiiki-fproject .overview_bil .overview_text_layer,
.ikiiki-fproject .overview_fd .overview_text_layer,
.ikiiki-fproject .overview_sidejob1 .overview_text_layer,
.ikiiki-fproject .overview_sidejob2 .overview_text_layer,
.ikiiki-fproject .overview_sidejob3 .overview_text_layer,
.ikiiki-lca .overview_lca .overview_text_layer,
.ikiiki-rfg .overview_rfg .overview_text_layer {
width: 100%;
height: auto;
bottom: 0;
}
}


.ikiiki .overview .inner {
display: block;
text-align: left;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
width: 100%;
}

.ikiiki-workstyle .overview_workstyle .inner,
.ikiiki-innovation .overview_innovation .inner,
.ikiiki-graph .overview_graph .inner,
.ikiiki-fproject .overview_fproject .inner,
.ikiiki-fproject .overview_fproject2 .inner,
.ikiiki-fproject .overview_bil .inner,
.ikiiki-fproject .overview_fd .inner,
.ikiiki-remotework .remotework .inner,
.ikiiki-fproject .overview_sidejob1 .inner,
.ikiiki-fproject .overview_sidejob2 .inner,
.ikiiki-fproject .overview_sidejob3 .inner,
.ikiiki-lca .overview_lca .inner,
.ikiiki-rfg .overview_rfg .inner{
display: block;
text-align: left;
margin:0;
}

@media (max-width: 1024px){
.ikiiki .overview .inner {
color: #fff;
}
}

.ikiiki .overview .mark {
display: block;
width: 68px;
float: left;
}

@media only screen and (max-width: 1024px) {
.ikiiki .overview .mark {
width: 58px;
margin-left: 10px;
padding: 0 10px 0 0;
}
.ikiiki .overview .mark img{
max-width: 100%;
}
}


@media only screen and (max-width: 640px) {
.ikiiki .overview .mark {
width: 38px;
margin-left: 0px;
}
.ikiiki .overview .mark img{
max-width: 100%;
}
}


.ikiiki .overview .text_title {
display: block;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
}

.ikiiki-workstyle .overview_workstyle .text_title,
.ikiiki-innovation .overview_innovation .text_title,
.ikiiki-graph .overview_graph .text_title,
.ikiiki-remotework .overview_remotework .text_title{
color: #fff;
display: block;
text-align: left;
position: absolute;
top:120px;
left: 0;
line-height: 0;
margin: 0;
padding: 0;
}

.ikiiki-fproject .overview_fproject .text_title,
.ikiiki-lca .overview_lca .text_title,
.ikiiki-rfg .overview_rfg .text_title,
.ikiiki-fproject .overview_fproject2 .text_title,
.ikiiki-fproject .overview_sidejob1 .text_title,
.ikiiki-fproject .overview_sidejob2 .text_title,
.ikiiki-fproject .overview_sidejob3 .text_title{
display: block;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
text-align: left;
position: absolute;
line-height: 1.85;
margin: 0;
padding: 0 0 0 10px;
}

.ikiiki-fproject .overview_bil .text_title,
.ikiiki-fproject .overview_fd .text_title{
display: block;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
text-align: right;
position: absolute;
line-height: 1.85;
margin: 0;
padding: 0 0 0 10px;
}


.ikiiki-fproject .overview_fproject .text_title,
.ikiiki-lca .overview_lca .text_title,
.ikiiki-rfg .overview_rfg .text_title {
color: #000;
top:60px;
left: 0;
}
.ikiiki-fproject .overview_fproject2 .text_title{
color: #fff;
display: block;
top:160px;
left: 0;
}
.ikiiki-fproject .overview_sidejob1 .text_title,
.ikiiki-fproject .overview_sidejob2 .text_title{
color: #fff;
top:60px;
right: 0;
}
.ikiiki-fproject .overview_bil .text_title,
.ikiiki-fproject .overview_fd .text_title{
color: #fff;
display: block;
top:240px;
right: 0;
}


.ikiiki-fproject .overview_sidejob3 .text_title{
color: #fff;
top:60px;
left: 0;
}

@media (max-width: 1024px){
.ikiiki-fproject .overview_fproject .text_title,
.ikiiki-fproject .overview_fproject2 .text_title,
.ikiiki-fproject .overview_bil .text_title,
.ikiiki-fproject .overview_fd .text_title,
.ikiiki-fproject .overview_sidejob1 .text_title,
.ikiiki-fproject .overview_sidejob2 .text_title,
.ikiiki-fproject .overview_sidejob3 .text_title,
.ikiiki-lca .overview_lca .text_title,
.ikiiki-rfg .overview_rfg .text_title {
color: #fff;
top:auto;
bottom:0px;
left: 0;
margin: 0;
padding: 20px 5%;
background: rgba(0,0,0,0.8);
width: 90%;
}
.ikiiki-fproject .overview_bil .text_title,
.ikiiki-fproject .overview_fd .text_title{
text-align: left;
}
}



@media (max-width: 640px){
.ikiiki-fproject .overview_fproject .text_title,
.ikiiki-fproject .overview_fproject2 .text_title,
.ikiiki-fproject .overview_bil .text_title,
.ikiiki-fproject .overview_fd .text_title,
.iikiiki-fproject .overview_sidejob1 .text_title,
.iikiiki-fproject .overview_sidejob2 .text_title,
.iikiiki-fproject .overview_sidejob3 .text_title,
.ikiiki-lca .overview_lca .text_title,
.ikiiki-rfg .overview_rfg .text_title {
width: auto;
bottom:0px;
}
}

/*  OBI */
.ikiiki-workstyle .overview_workstyle hr.obi,
.ikiiki-innovation .overview_innovation hr.obi,
.ikiiki-graph .overview_graph hr.obi,
.ikiiki-remotework .overview_remotework hr.obi,
.ikiiki-fproject .overview_fproject hr.obi,
.ikiiki-fproject .overview_fproject2 hr.obi,
.ikiiki-lca .overview_lca hr.obi,
.ikiiki-rfg .overview_rfg hr.obi,
.ikiiki-fproject .overview_sidejob1 hr.obi,
.ikiiki-fproject .overview_sidejob2 hr.obi,
.ikiiki-fproject .overview_sidejob3 hr.obi
{
border-top: 1px solid #d7083b;
background-color: #d7083b;
width: 30%;
height: 64px;
position: absolute;
}

.ikiiki-fproject .overview_bil hr.obi,
.ikiiki-fproject .overview_fd hr.obi{
border-top: 1px solid #d7083b;
background-color: #d7083b;
width: 25%;
height: 64px;
position: absolute;
}
@media (min-width: 1920px){
.ikiiki-fproject .overview_bil hr.obi,
.ikiiki-fproject .overview_fd hr.obi{
width: 38%;
}
} 


.ikiiki-workstyle .overview_workstyle hr.obi,
.ikiiki-innovation .overview_innovation hr.obi,
.ikiiki-graph .overview_graph hr.obi,
.ikiiki-remotework .overview_remotework hr.obi{
top:104px;
left: 0;
}

.ikiiki-fproject .overview_fproject hr.obi,
.ikiiki-lca .overview_lca hr.obi,
.ikiiki-rfg .overview_rfg hr.obi{
top:44px;
left: 0;
}
.ikiiki-fproject .overview_fproject2 hr.obi{
top:144px;
left: 0;
}

.ikiiki-fproject .overview_bil hr.obi,
.ikiiki-fproject .overview_fd hr.obi{
top:224px;
right: 0;
}
.ikiiki-fproject .overview_sidejob1 hr.obi,
.ikiiki-fproject .overview_sidejob2 hr.obi{
top:44px;
right: 0;
}
.ikiiki-fproject .overview_sidejob3 hr.obi{
top:44px;
left: 0;
}

@media (max-width: 1024px){
.ikiiki-fproject .overview_fproject hr.obi,
.ikiiki-fproject .overview_fproject2 hr.obi,
.ikiiki-fproject .overview_bil hr.obi,
.ikiiki-fproject .overview_fd hr.obi,
.ikiiki-fproject .overview_sidejob1 hr.obi,
.ikiiki-fproject .overview_sidejob2 hr.obi,
.ikiiki-fproject .overview_sidejob3 hr.obi,
.ikiiki-lca .overview_lca hr.obi,
.ikiiki-rfg .overview_rfg hr.obi{
display: none;
}
}

hr.Separator{
border-top: 3px solid #efefef;
width: 100%;
padding: 0 0 60px 0;
}

.ikiiki .overview .text_group {
color: #000;
display: block;
margin: 20px 0 0 0;
}
@media only screen and (max-width: 640px) {
.ikiiki .overview .text_group {
margin-top: 0px;
margin-left: 0px;
margin-bottom: 70px;
}
}
.ikiiki .overview .title {
font-size: 54px;
/*font-weight: 600; */
-webkit-font-smoothing: antialiased;
font-family:-apple-system, BlinkMacSystemFont,'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
margin-top: 0.85em;
line-height: 1.35;
font-feature-settings: "palt";
color: #ffffff;
padding: 0 0 0 110px;
text-shadow:2px 2px 6px #000000;
-webkit-text-stroke: 1px #ffffff;
text-stroke: 1px #ffffff;
}

.ikiiki-workstyle .overview_workstyle .title,
.ikiiki-innovation .overview_innovation .title,
.ikiiki-graph .overview_graph .title,
.ikiiki-remotework .overview_remotework .title,
.ikiiki-fproject .overview_fproject .title,
.ikiiki-fproject .overview_fproject2 .title,
.ikiiki-fproject .overview_bil .title,
.ikiiki-fproject .overview_fd .title,
.ikiiki-lca .overview_lca .title,
.ikiiki-rfg .overview_rfg .title,
.ikiiki-fproject .overview_sidejob1 .title,
.ikiiki-fproject .overview_sidejob2 .title,
.ikiiki-fproject .overview_sidejob3 .title
{
display: inline-block;
background-color: #d7083b;
color: #ffffff;
font-size: 36px;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
font-feature-settings: "palt";
line-height: 1.2;
margin: 0;
min-height: 45px;
}

.ikiiki-workstyle .overview_workstyle .title,
.ikiiki-innovation .overview_innovation .title,
.ikiiki-graph .overview_graph .title,
.ikiiki-remotework .overview_remotework .title{
padding: 10px 30px 10px 10px;
}
.ikiiki-fproject .overview_fproject .title,
.ikiiki-fproject .overview_fproject2 .title,
.ikiiki-fproject .overview_sidejob3 .title,
.ikiiki-lca .overview_lca .title,
.ikiiki-rfg .overview_rfg .title{
padding: 14px 30px 4px 0;
}
.ikiiki-fproject .overview_bil .title,
.ikiiki-fproject .overview_fd .title{
padding: 14px 0px 4px 0;
}

.ikiiki-fproject .overview_sidejob1 .title,
.ikiiki-fproject .overview_sidejob2 .title{
display: inline-block;
background-color: #d7083b;
padding: 14px 30px 4px 0;
position: absolute;
top:0px;
right: 0;
}


@media (max-width: 1024px){
.ikiiki .overview .title {
font-size: 50px;
line-height: 1.15;
padding: 0 0 0 90px;
}
.ikiiki-fproject .overview_fproject .title,
.ikiiki-fproject .overview_fproject2 .title,
.ikiiki-fproject .overview_bil .title,
.ikiiki-fproject .overview_fd .title,
.ikiiki-fproject .overview_sidejob1 .title,
.ikiiki-fproject .overview_sidejob2 .title,
.ikiiki-fproject .overview_sidejob3 .title,
.ikiiki-lca .overview_lca .title,
.ikiiki-rfg .overview_rfg .title{
padding: 10px 30px 10px 30px;
position: inherit;
}
}



@media (max-width: 640px){
.ikiiki .overview .title {
font-size: 3.2em;
}
.ikiiki-workstyle .overview_workstyle .title,
.ikiiki-innovation .overview_innovation .title,
.ikiiki-graph .overview_graph .title,
.ikiiki-remotework .overview_remotework .title{
padding: 10px 30px 10px 10px;
font-size: 22px;
line-height: 1.4;
}

.ikiiki-fproject .overview_fproject .title,
.ikiiki-fproject .overview_fproject2 .title,
.ikiiki-fproject .overview_bil .title,
.ikiiki-fproject .overview_fd .title,
.ikiiki-fproject .overview_sidejob1 .title,
.ikiiki-fproject .overview_sidejob2 .title,
.ikiiki-fproject .overview_sidejob3 .title,
.ikiiki-lca .overview_lca .title,
.ikiiki-rfg .overview_rfg .title{
padding: 10px 30px 10px 30px;
font-size: 1.5em;
line-height: 1.2;
margin: 0;
min-height: 15px;
}
}

@media (max-width: 440px) {
.ikiiki .overview .title {
font-size: 2.3em;
text-align: left;
padding: 0 0 0 50px;
}
}


.ikiiki .area_lead .read {
font-size: 15px;
line-height: 2.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family:-apple-system, BlinkMacSystemFont,'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
font-feature-settings: "palt";
/*    margin-top: 0.6em; */
}

@media only screen and (max-width: 640px) {
.ikiiki .overview .read {
font-size: 1.2em;
text-align: center;
line-height: 1.85;
margin: 15px 0 0 0;
}
}


.dp_sp{
display: none;
}
.dp_pc{
display: block;
}

.dp_sa{
display: none;
}
.dp_s{
display: block;
}

@media (max-width: 1024px){
.dp_sp{
display: block;
}
.dp_pc{
display: none;
}
.dp_sa{
display: none;
}
.dp_s{
display: block;
}
}
@media (max-width: 640px){
.dp_s{
display: none;
}
.dp_sa{
display: block;
}
}

h2{
color: #ffffff;
font-size: 36px;
font-feature-settings: "palt";
display: inline-block;
background-color: #d7083b;
padding: 5px 15px;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
}

@media (max-width: 640px){
h2{
font-size: 2.05em;
line-height: 1.2;
}
}


.ikiiki-fproject .overview_fproject h2,
.ikiiki-lca .overview_lca h2,
.ikiiki-rfg .overview_rfg h2,
.ikiiki-fproject .overview_fproject2 h2,
.ikiiki-fproject .overview_bil h2,
.ikiiki-fproject .overview_fd h2,
.ikiiki-fproject .overview_sidejob1 h2,
.ikiiki-fproject .overview_sidejob2 h2,
.ikiiki-fproject .overview_sidejob3 h2{
font-size: 26px;
font-feature-settings: "palt";
background-color:transparent;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
}

.ikiiki-fproject .overview_fproject h2,
.ikiiki-lca .overview_lca h2,
.ikiiki-rfg .overview_rfg h2{
color: #000000;
padding: 35px 0 15px 0;
line-height: 1.35;
}
.ikiiki-fproject .overview_fproject2 h2,
.ikiiki-fproject .overview_bil h2,
.ikiiki-fproject .overview_fd h2{
color: #fff;
padding: 35px 0 15px 0;
line-height: 1.35;
}

.ikiiki-fproject .overview_sidejob1 h2,
.ikiiki-fproject .overview_sidejob2 h2{
color: #000000;
padding: 75px 0 15px 0;
line-height: 1.55;
}
.ikiiki-fproject .overview_sidejob3 h2{
color: #000000;
padding: 15px 0 15px 0;
line-height: 1.55;
}


@media (max-width: 1024px){
.ikiiki-fproject .overview_fproject h2,
.ikiiki-fproject .overview_fproject2 h2,
.ikiiki-fproject .overview_bil h2,
.ikiiki-fproject .overview_fd h2,
.ikiiki-fproject .overview_fproject3 h2,
.ikiiki-fproject .overview_sidejob1 h2,
.ikiiki-fproject .overview_sidejob2 h2,
.ikiiki-fproject .overview_sidejob3 h2,
.ikiiki-lca .overview_lca h2,
.ikiiki-rfg .overview_rfg h2{
color: #ffffff;
padding: 15px 0;
line-height: 1.35;
}
}

@media (max-width: 640px){
.ikiiki-fproject .overview_fproject h2,
.ikiiki-lca .overview_lca h2,
.ikiiki-rfg .overview_rfg h2{
font-size: 1.85em;
line-height: 1.2;
}
.ikiiki-fproject .overview_fproject2 h2,
.ikiiki-fproject .overview_bil h2,
.ikiiki-fproject .overview_fd h2,
.ikiiki-fproject .overview_sidejob1 h2,
.ikiiki-fproject .overview_sidejob2 h2,
.ikiiki-fproject .overview_sidejob3 h2{
font-size: 1.25em;
line-height: 1.2;
}
}

.ikiiki-fproject .overview_fproject .sub_title,
.ikiiki-fproject .overview_fproject2 .sub_title,
.ikiiki-lca .overview_lca .sub_title,
.ikiiki-rfg .overview_rfg .sub_title {
font-size: 60px;
}
.ikiiki-fproject .overview_sidejob1 .sub_title,
.ikiiki-fproject .overview_sidejob2 .sub_title,
.ikiiki-fproject .overview_sidejob3 .sub_title{
font-size: 60px;
line-height: 1.35;
}

.ikiiki-fproject .overview_bil .sub_title,
.ikiiki-fproject .overview_fd .sub_title{
font-size: 50px;
line-height: 1.35;
text-shadow: 2px 2px 8px #000000;
}

.ikiiki-lca .overview_lca .sub_title2{
font-size: 36px;
}

@media (max-width: 640px){
.ikiiki-fproject .overview_fproject .sub_title,
.ikiiki-fproject .overview_fproject2 .sub_title,
.ikiiki-fproject .overview_bil .sub_title,
.ikiiki-fproject .overview_fd .sub_title,
.ikiiki-fproject .overview_sidejob1 .sub_title,
.ikiiki-fproject .overview_sidejob2 .sub_title,
.ikiiki-fproject .overview_sidejob3 .sub_title,
.ikiiki-lca .overview_lca .sub_title,
.ikiiki-rfg .overview_rfg .sub_title {
font-size: 1.75em;
}
.ikiiki-lca .overview_lca .sub_title2{
font-size: 1.15em;
}
}

.ikiiki-fproject .overview_fproject p,
.ikiiki-fproject .overview_fproject2 p,
.ikiiki-fproject .overview_bil p,
.ikiiki-fproject .overview_fd p,
.ikiiki-fproject .overview_sidejob1 p,
.ikiiki-fproject .overview_sidejob2 p,
.ikiiki-fproject .overview_sidejob3 p,
.ikiiki-lca .overview_lca p,
.ikiiki-rfg .overview_rfg p{
padding: 5px 0;
}

.fproject,
.lca,
.rfg{
padding: 0 0 0 250px;
font-size: 2.3em;
/*font-weight: 600; */
line-height: 1.65;
}
.h_change{
padding: 0 85px;
}
.h_news{
padding: 0 85px;
}
@media (max-width: 1024px){
.h_change{
padding: 0 0px;
}
.h_news{
padding: 0 0px;
}
}


h3{
color: #000000;
font-size: 28px;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
}

h3.sm{
color: #000000;
font-size: 22px;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
}

h4.sub{
color: #d7083b;
font-size: 16px;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
}

h5{
font-weight: 600;
font-size: 0.95rem;
line-height: 1.55;
padding: 10px 0;
}
h6{
font-size: 0.85rem;
line-height: 1.55;
padding: 0 0 10px 0;
}

h5.int06,
h6.int06{
width: 100%;
text-align: left;
line-height: 1.55;
padding: 10px 0 10px 50px;
}

@media (max-width: 640px){
h3,
h3.sm,
h4.sub{
font-size: 1.65em;
}

}
@media (max-width: 1025px){
h5.int06,
h6.int06{
width: 100%;
font-size: 0.85rem;
text-align: left;
line-height: 1.35;
padding: 10px 0 10px 0px;
}
}

.tleng_c{
font-size: 2.3em;
margin: 0 auto;
line-height: 1.65;
font-feature-settings: "palt";
}

.tleng{
font-size: 2.3em;
margin: 0 0 0 0;
line-height: 1.65;
font-feature-settings: "palt";
}

.frtgr_b{
font-family:'Frutiger Bold';
}
.frtgr_r{
font-family:'Frutiger';
}

.yellow{color:#fefd33;}
.white{color:#ffffff;}
.black{color:#111111;}
.red{color:#d7083b;}
.ash{color:#e5e5e5;}
.blue{color:#3b5998;}

/*************************************************
triangle
z-index:1000000000;
*************************************************/


.triangle_top01{
border-top: 12vw solid transparent;
border-bottom: 12vw solid transparent;
border-left: 12vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:650px;
left:0;

}

.triangle_top02{
border-top: 15vw solid transparent;
border-bottom: 15vw solid transparent;
border-right: 15vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:950px;
right:0;
}

.triangle_top03{
border-top: 8vw solid transparent;
border-bottom: 8vw solid transparent;
border-right: 8vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:1020px;
right:0;
}

.triangle_top04{
border-top: 8vw solid transparent;
border-left: 8vw solid #d7083b;
border-bottom: 8vw solid transparent;
position: absolute;
z-index:1000000000;
top:1500px;
left:0;
}


.triangle_top05{
border-top: 15vw solid transparent;
border-bottom: 15vw solid transparent;
border-right: 15vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:2220px;
right:0;
}

.triangle_top06{
position: absolute;
width: 0;
height: 0;
border-top: 8vw solid transparent;
border-right: 8vw solid #fefd33;
border-bottom: 8vw solid transparent;
border-left: 0 solid transparent;
z-index:1000000000;
top:450px;
right:160px;
}

.triangle_top06:after {
content: '';
position: absolute;
top:-8vw;
left:8vw;
width: 0;
height: 0;
margin: auto 0;
border-top: 8vw solid transparent;
border-right: 0 solid transparent;
border-bottom: 8vw solid transparent;
border-left: 8vw solid #fefd33;
z-index:1000000000;
}

.triangle_workstyle01{
border-top: 8vw solid transparent;
border-bottom: 8vw solid transparent;
border-left: 8vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:450px;
left:0;
}
.triangle_workstyle02{
border-top: 12vw solid transparent;
border-bottom: 12vw solid transparent;
border-right: 12vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:870px;
right:0;
}

.triangle_workstyle03{
border-top: 6vw solid transparent;
border-bottom: 6vw solid transparent;
border-left: 6vw solid #d7083b;
position: absolute;
z-index:1000000000;
top:1800px;
left:0;
}

.triangle_workstyle04{
border-top: 8vw solid transparent;
border-bottom: 8vw solid transparent;
border-left: 8vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:2934px;
left:0;
}

.triangle_workstyle05{
position: absolute;
width: 0;
height: 0;
border-top: 8vw solid transparent;
border-right: 8vw solid #fefd33;
border-bottom: 8vw solid transparent;
border-left: 0 solid transparent;
z-index:1000000000;
top:1500px;
left:230px;
}

.triangle_workstyle05:after {
content: '';
position: absolute;
top:-8vw;
left:8vw;
width: 0;
height: 0;
margin: auto 0;
border-top: 8vw solid transparent;
border-right: 0 solid transparent;
border-bottom: 8vw solid transparent;
border-left: 8vw solid #fefd33;
z-index:1000000000;
}



.triangle_workstyle06{
border-top: 6vw solid transparent;
border-bottom: 6vw solid transparent;
border-right: 6vw solid #d7083b;
position: absolute;
z-index:1000000000;
top:3334px;
right:0;
}

.triangle_workstyle07{
border-top: 16vw solid transparent;
border-bottom: 16vw solid transparent;
border-right: 16vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:4300px;
right:0;
}

.triangle_workstyle08{
border-top: 6vw solid transparent;
border-bottom: 6vw solid transparent;
border-left: 6vw solid #d7083b;
position: absolute;
z-index:1000000000;
top:4900px;
left:0;
}

.triangle_workstyle09{
border-left: 17vw solid transparent;
border-bottom: 17vw solid #fefd33;
border-right: 17vw solid transparent;
position: absolute;
z-index:1000000000;
bottom:270px;
right:0;
}

.triangle_innovation01{
border-top: 24vw solid transparent;
border-bottom: 24vw solid transparent;
border-right: 24vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:1350px;
right:0;
}

.triangle_innovation02{
border-top: 8vw solid transparent;
border-bottom: 8vw solid transparent;
border-right: 8vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:1420px;
right:0;
}

.triangle_innovation03{
border-top: 11vw solid transparent;
border-right: 11vw solid #d7083b;
border-bottom: 11vw solid transparent;
position: absolute;
z-index:1000000000;
top:1600px;
right:0;
}
.triangle_innovation04{
border-top: 10vw solid transparent;
border-bottom: 10vw solid transparent;
border-left: 10vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:2060px;
left:0;
}

.triangle_innovation05{
border-top: 3vw solid transparent;
border-bottom: 3vw solid transparent;
border-right: 3vw solid #d7083b;
position: absolute;
z-index:1000000000;
top:3020px;
right:0;
}

.triangle_innovation06{
border-top: 20vw solid transparent;
border-bottom: 20vw solid transparent;
border-right: 20vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:3620px;
right:0;
}

.triangle_fproject01{
border-top: 15vw solid transparent;
border-bottom: 15vw solid transparent;
border-right: 15vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:850px;
right:0;
}

.triangle_fproject02{
border-top: 8vw solid transparent;
border-bottom: 8vw solid transparent;
border-right: 8vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:960px;
right:0;
}

.triangle_fproject03{
border-top: 8vw solid transparent;
border-left: 8vw solid #d7083b;
border-bottom: 8vw solid transparent;
position: absolute;
z-index:1000000000;
top:1300px;
left:0;
}
.triangle_fproject04{
border-top: 12vw solid transparent;
border-bottom: 12vw solid transparent;
border-left: 12vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:1660px;
left:0;
}

.triangle_fproject05{
border-top: 5vw solid transparent;
border-bottom: 5vw solid transparent;
border-right: 5vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:2320px;
right:0;
}

.triangle_fproject06{
border-top: 20vw solid transparent;
border-bottom: 20vw solid transparent;
border-left: 20vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:2820px;
left:0;
}
.triangle_lca01{
border-top: 8vw solid transparent;
border-bottom: 8vw solid transparent;
border-left: 8vw solid #d7083b;
position: absolute;
z-index:1000000000;
top:920px;
left:0;
}

.triangle_lca02{
border-top: 8vw solid transparent;
border-bottom: 8vw solid transparent;
border-right: 8vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:580px;
right:0;
}

.triangle_lca03{
border-top: 5vw solid transparent;
border-bottom: 5vw solid transparent;
border-right: 5vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:1420px;
right:0;
}

.triangle_lca04{
border-top: 8vw solid transparent;
border-bottom: 8vw solid transparent;
border-left: 8vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:1860px;
left:0;
}

.triangle_lca05{
border-top: 5vw solid transparent;
border-left: 5vw solid #d7083b;
border-bottom: 5vw solid transparent;
position: absolute;
z-index:1000000000;
top:1890px;
left:0;
}


.triangle_lca06{
border-top: 5vw solid transparent;
border-bottom: 5vw solid transparent;
border-right: 5vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:2320px;
right:0;
}

.triangle_lca07{
border-top: 24vw solid transparent;
border-bottom: 24vw solid transparent;
border-right: 24vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:3120px;
right:0;
}


.triangle_rfg01{
border-top: 15vw solid transparent;
border-bottom: 15vw solid transparent;
border-right: 15vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:600px;
right:0;
}

.triangle_rfg02{
border-top: 8vw solid transparent;
border-bottom: 8vw solid transparent;
border-right: 8vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:670px;
right:0;
}

.triangle_rfg03{
border-top: 6vw solid transparent;
border-left: 6vw solid #d7083b;
border-bottom: 6vw solid transparent;
position: absolute;
z-index:1000000000;
top:1200px;
left:0;
}
.triangle_rfg04{
border-top: 12vw solid transparent;
border-bottom: 12vw solid transparent;
border-left: 12vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:1660px;
left:0;
}

.triangle_rfg05{
border-top: 25vw solid transparent;
border-bottom: 25vw solid transparent;
border-right: 25vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:2020px;
right:0;
}

.triangle_rfg06{
border-top: 10vw solid transparent;
border-bottom: 10vw solid transparent;
border-left: 10vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:3020px;
left:0;
}

/* 2/3 scale */
@media (max-width: 1280px){
.triangle_top01{
border-top: 8vw solid transparent;
border-bottom: 8vw solid transparent;
border-left: 8vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:650px;
left:0;

}

.triangle_top02{
border-top: 10vw solid transparent;
border-bottom: 10vw solid transparent;
border-right: 10vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:950px;
right:0;
}

.triangle_top03{
border-top: 5.2vw solid transparent;
border-bottom: 5.2vw solid transparent;
border-right: 5.2vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:1020px;
right:0;
}

.triangle_top04{
border-top: 5.2vw solid transparent;
border-left: 5.2vw solid #d7083b;
border-bottom: 5.2vw solid transparent;
position: absolute;
z-index:1000000000;
top:1500px;
left:0;
}


.triangle_top05{
border-top: 10vw solid transparent;
border-bottom: 10vw solid transparent;
border-right: 10vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:2220px;
right:0;
}

.triangle_top06{
position: absolute;
width: 0;
height: 0;
border-top: 5.2vw solid transparent;
border-right: 5.2vw solid #fefd33;
border-bottom: 5.2vw solid transparent;
border-left: 0 solid transparent;
z-index:1000000000;
top:490px;
right:160px;
}

.triangle_top06:after {
content: '';
position: absolute;
top:-5.2vw;
left:5.2vw;
width: 0;
height: 0;
margin: auto 0;
border-top: 5.2vw solid transparent;
border-right: 0 solid transparent;
border-bottom: 5.2vw solid transparent;
border-left: 5.2vw solid #fefd33;
z-index:1000000000;
}

.triangle_workstyle01{
border-top: 5.2vw solid transparent;
border-bottom: 5.2vw solid transparent;
border-left: 5.2vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:480px;
left:0;
}
.triangle_workstyle02{
border-top: 8vw solid transparent;
border-bottom: 8vw solid transparent;
border-right: 8vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:870px;
right:0;
}

.triangle_workstyle03{
border-top: 4vw solid transparent;
border-bottom: 4vw solid transparent;
border-left: 4vw solid #d7083b;
position: absolute;
z-index:1000000000;
top:1800px;
left:0;
}

.triangle_workstyle04{
border-top: 5.2vw solid transparent;
border-bottom: 5.2vw solid transparent;
border-left: 5.2vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:2934px;
left:0;
}

.triangle_workstyle05{
position: absolute;
width: 0;
height: 0;
border-top: 5.2vw solid transparent;
border-right: 5.2vw solid #fefd33;
border-bottom: 5.2vw solid transparent;
border-left: 0 solid transparent;
z-index:1000000000;
top:1500px;
left:230px;
}

.triangle_workstyle05:after {
content: '';
position: absolute;
top:-5.2vw;
left:5.2vw;
width: 0;
height: 0;
margin: auto 0;
border-top: 5.2vw solid transparent;
border-right: 0 solid transparent;
border-bottom: 5.2vw solid transparent;
border-left: 5.2vw solid #fefd33;
z-index:1000000000;
}



.triangle_workstyle06{
border-top: 4vw solid transparent;
border-bottom: 4vw solid transparent;
border-right: 4vw solid #d7083b;
position: absolute;
z-index:1000000000;
top:3334px;
right:0;
}

.triangle_workstyle07{
border-top: 10.4vw solid transparent;
border-bottom: 10.4vw solid transparent;
border-right: 10.4vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:4300px;
right:0;
}

.triangle_workstyle08{
border-top: 4vw solid transparent;
border-bottom: 4vw solid transparent;
border-left: 4vw solid #d7083b;
position: absolute;
z-index:1000000000;
top:4900px;
left:0;
}

.triangle_workstyle09{
border-left: 11vw solid transparent;
border-bottom: 11vw solid #fefd33;
border-right: 11vw solid transparent;
position: absolute;
z-index:1000000000;
bottom:241px;
right:0;
}

.triangle_innovation01{
border-top: 18vw solid transparent;
border-bottom: 18vw solid transparent;
border-right: 18vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:950px;
right:0;
}

.triangle_innovation02{
border-top: 5.2vw solid transparent;
border-bottom: 5.2vw solid transparent;
border-right: 5.2vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:1020px;
right:0;
}

.triangle_innovation03{
border-top: 11vw solid transparent;
border-right: 11vw solid #d7083b;
border-bottom: 11vw solid transparent;
position: absolute;
z-index:1000000000;
top:1200px;
right:0;
}
.triangle_innovation04{
border-top: 6.6vw solid transparent;
border-bottom: 6.6vw solid transparent;
border-left: 6.6vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:1960px;
left:0;
}

.triangle_innovation05{
border-top: 3vw solid transparent;
border-bottom: 3vw solid transparent;
border-right: 3vw solid #d7083b;
position: absolute;
z-index:1000000000;
top:2620px;
right:0;
}

.triangle_innovation06{
border-top: 13.2vw solid transparent;
border-bottom: 13.2vw solid transparent;
border-right: 13.2vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:3220px;
right:0;
}

.triangle_fproject01{
border-top: 10vw solid transparent;
border-bottom: 10vw solid transparent;
border-right: 10vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:850px;
right:0;
}

.triangle_fproject02{
border-top: 5.2vw solid transparent;
border-bottom: 5.2vw solid transparent;
border-right: 5.2vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:910px;
right:0;
}

.triangle_fproject03{
border-top: 5.2vw solid transparent;
border-left: 5.2vw solid #d7083b;
border-bottom: 5.2vw solid transparent;
position: absolute;
z-index:1000000000;
top:2600px;
left:0;
}
.triangle_fproject04{
border-top: 8vw solid transparent;
border-bottom: 8vw solid transparent;
border-left: 8vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:2760px;
left:0;
}

.triangle_fproject05{
border-top: 1.8vw solid transparent;
border-bottom: 1.8vw solid transparent;
border-right: 1.8vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:2320px;
right:0;
}

.triangle_fproject06{
border-top: 13.2vw solid transparent;
border-bottom: 13.2vw solid transparent;
border-left: 13.2vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:2920px;
left:0;
}
.triangle_lca01{
border-top: 5.2vw solid transparent;
border-bottom: 5.2vw solid transparent;
border-left: 5.2vw solid #d7083b;
position: absolute;
z-index:1000000000;
top:970px;
left:0;
}

.triangle_lca02{
border-top: 5.2vw solid transparent;
border-bottom: 5.2vw solid transparent;
border-right: 5.2vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:620px;
right:0;
}

.triangle_lca03{
border-top: 2.8vw solid transparent;
border-bottom: 2.8vw solid transparent;
border-right: 2.8vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:1420px;
right:0;
}

.triangle_lca04{
border-top: 5.2vw solid transparent;
border-bottom: 5.2vw solid transparent;
border-left: 5.2vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:2460px;
left:0;
}

.triangle_lca05{
border-top: 2.8vw solid transparent;
border-left: 2.8vw solid #d7083b;
border-bottom: 2.8vw solid transparent;
position: absolute;
z-index:1000000000;
top:2490px;
left:0;
}


.triangle_lca06{
border-top: 1.8vw solid transparent;
border-bottom: 1.8vw solid transparent;
border-right: 1.8vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:2320px;
right:0;
}

.triangle_lca07{
border-top: 16vw solid transparent;
border-bottom: 16vw solid transparent;
border-right: 16vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:3120px;
right:0;
}


.triangle_rfg01{
border-top: 10vw solid transparent;
border-bottom: 10vw solid transparent;
border-right: 10vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:600px;
right:0;
}

.triangle_rfg02{
border-top: 5.2vw solid transparent;
border-bottom: 5.2vw solid transparent;
border-right: 5.2vw solid #ffffff;
position: absolute;
z-index:1000000000;
top:655px;
right:0;
}

.triangle_rfg03{
border-top: 4vw solid transparent;
border-left: 4vw solid #d7083b;
border-bottom: 4vw solid transparent;
position: absolute;
z-index:1000000000;
top:700px;
left:0;
}
.triangle_rfg04{
border-top: 8vw solid transparent;
border-bottom: 8vw solid transparent;
border-left: 8vw solid #ffffff;
position: absolute;
z-index:-100;
top:1600px;
left:0;
}

.triangle_rfg05{
border-top: 16vw solid transparent;
border-bottom: 16vw solid transparent;
border-right: 16vw solid #fefd33;
position: absolute;
z-index:1000000000;
top:2020px;
right:0;
}

.triangle_rfg06{
border-top: 4vw solid transparent;
border-bottom: 4vw solid transparent;
border-left: 4vw solid #ffffff;
position: absolute;
z-index:-100;
top:3020px;
left:0;
}
}
@media (max-width: 1024px){
.triangle_top01,
.triangle_top02,
.triangle_top03,
.triangle_top04,
.triangle_top05,
.triangle_top06,
.triangle_workstyle01,
.triangle_workstyle01,
.triangle_workstyle03,
.triangle_workstyle04,
.triangle_workstyle05,
.triangle_workstyle06,
.triangle_workstyle07,
.triangle_workstyle08,
.triangle_workstyle09,
.triangle_innovation01,
.triangle_innovation02,
.triangle_innovation03,
.triangle_innovation04,
.triangle_innovation05,
.triangle_innovation06,
.triangle_fproject01,
.triangle_fproject02,
.triangle_fproject03,
.triangle_fproject04,
.triangle_fproject05,
.triangle_fproject06,
.triangle_lca01,
.triangle_lca02,
.triangle_lca03,
.triangle_lca04,
.triangle_lca05,
.triangle_lca06,
.triangle_lca07,
.triangle_rfg01,
.triangle_rfg02,
.triangle_rfg03,
.triangle_rfg04,
.triangle_rfg05,
.triangle_rfg06{
display: none;
}
}


.section_box{
width: 100%;
}

/*************************************************
area_change
*************************************************/
.area_change{
max-width: 1024px;
text-align: center;
padding: 50px 0;
clear: both;
margin: 20px auto 0 auto;
position: relative;
height: 400px;
}
@media (max-width: 1024px){
.area_change{
max-width: 1024px;
text-align: center;
padding: 50px 0;
clear: both;
margin: 20px auto 0 auto;
position: relative;
height: 1200px;
}
}

@media (max-width: 640px){
.area_change{
max-width: 1024px;
text-align: center;
padding: 0 0 50px 0;
clear: both;
margin: 20px auto 0 auto;
position: relative;
height: 840px;
}
}
.area_change .tl{
position: absolute;
left: 0;
right: 0;
margin: auto;
z-index: 100000000;
}

.link_p1{
background: url("../img/bt_photo01.jpg") center no-repeat;
background-size: cover;
text-align: left;
width: 24%;
height: 250px;
margin: 0;
position: absolute;
top:190px;
z-index: 999;
}
.link_p2{
background: url("../img/bt_photo02.jpg") center no-repeat;
background-size: cover;
text-align: left;
width: 24%;
height: 250px;
margin: 0 2px;
position: absolute;
top:190px;
left:25.5%;
z-index: 999;
}

.link_p3{
background: url("../img/bt_photo03.jpg") center no-repeat;
background-size: cover;
text-align: left;
width: 24%;
height: 250px;
margin: 0 2px;
position: absolute;
top:190px;
left:50.5%;
z-index: 999;
}
.link_p4{
background: url("../img/bt_remote.jpg") center no-repeat;
background-size: cover;
text-align: left;
width: 24%;
height: 250px;
margin: 0 2px;
position: absolute;
top:190px;
right:0;
z-index: 999;
}

@media (max-width: 1024px){
.link_p1{
background: url("../img/bt_photo01.jpg") center no-repeat;
background-size: cover;
text-align: left;
width: 90%;
height: 250px;
position: absolute;
top:190px;
left: 0;
right: 0;
margin: auto;
z-index: 999;
}
.link_p2{
background: url("../img/bt_photo02.jpg") center no-repeat;
background-size: cover;
text-align: left;
width: 90%;
height: 250px;
position: absolute;
top:460px;
left: 0;
right: 0;
margin: auto;
z-index: 999;
}
.link_p3{
background: url("../img/bt_photo03.jpg") center no-repeat;
background-size: cover;
text-align: left;
width: 90%;
height: 250px;
position: absolute;
top:730px;
left: 0;
right: 0;
margin: auto;
z-index: 999;
}
.link_p4{
background: url("../img/bt_remote.jpg") center no-repeat;
background-size: cover;
text-align: left;
width: 90%;
height: 250px;
position: absolute;
top:1000px;
left: 0;
right: 0;
margin: auto;
z-index: 999;
}
}

.link_p1 p,
.link_p2 p,
.link_p3 p,
.link_p4 p{
text-align: left;
color: #ffffff;
font-size: 1.4em;
line-height: 1.45em;
padding: 160px 0 0 10px;
min-width: 24%;
background: url("../img/arrow_white.png") right 10px bottom 5px no-repeat;
background-size: 13px auto;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
font-feature-settings: "palt";
}

.link_t{
background: rgba(0,0,0,0.4);
width: 100%;
height: 250px;
}

a:hover .link_t{
background: rgba(0,0,0,0.1);
width: 100%;
height: 250px;
color: #ffffff;
}


@media (max-width: 640px){
.link_p1{
background: url("../img/bt_photo01.jpg") center no-repeat;
background-size: cover;
text-align: left;
width: 90%;
height: 150px;
position: absolute;
top:140px;
left: 0;
right: 0;
margin: auto;
z-index: 999;
}
.link_p2{
background: url("../img/bt_photo02.jpg") center no-repeat;
background-size: cover;
text-align: left;
width: 90%;
height: 150px;
position: absolute;
top:310px;
left: 0;
right: 0;
margin: auto;
z-index: 999;
}

.link_p3{
background: url("../img/bt_photo03.jpg") center no-repeat;
background-size: cover;
text-align: left;
width: 90%;
height: 150px;
position: absolute;
top:480px;
left: 0;
right: 0;
margin: auto;
z-index: 999;
}
.link_p4{
background: url("../img/bt_remote.jpg") center no-repeat;
background-size: cover;
text-align: left;
width: 90%;
height: 150px;
position: absolute;
top:650px;
left: 0;
right: 0;
margin: auto;
z-index: 999;
}
.link_p1 p,
.link_p2 p,
.link_p3 p,
.link_p4 p{
text-align: left;
color: #ffffff;
font-size: 1.1em;
padding: 110px 0 0 10px;
min-width: 46%;
background: url("../img/arrow_white.png") right 10px bottom no-repeat;
background-size: 13px auto;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
font-feature-settings: "palt";
}

.link_t{
background: rgba(0,0,0,0.4);
width: 100%;
height: 150px;
}

a:hover .link_t{
background: rgba(0,0,0,0.1);
width: 100%;
height: 150px;
}


}
/*************************************************
area_news
*************************************************/
.area_news{
width: 100%;
text-align: center;
padding: 50px 0 0 0;
clear: both;
position: relative;
display:block;
}

@media (max-width: 640px){
.area_news{
width: 100%;
text-align: center;
padding: 0 0 0 0;
clear: both;
position: relative;
display:block;
}

}
.cat ul{
margin: 20px auto 0 auto;
}

.cat ul li{
display: inline-block;
font-size: 0.9em;
}

.cat ul li a {
display: inline-block;
padding: 5px 15px;
margin: 10px 5px;
background-color: #ffffff;
color: #000000;
}

@media (max-width: 640px){
.cat ul{
margin: 0 auto 0 auto;
}
.cat ul li a {
display: inline-block;
padding: 5px 15px;
margin: 5px 5px;
background-color: #ffffff;
}
}

.cat ul li.open a{
display: inline-block;
background-color: #d7083b;
color: #ffffff;
}

.cat ul li a:hover{
background-color: #d7083b;
color: #ffffff;
text-decoration: none;

}
.cat ul li a:focus{
background-color: #d7083b;
color: #ffffff;
}

.clm_flex{
display:flex;
flex-wrap: wrap;
}

.tips_clm {
width: 31.333%;
float: left;
padding: 8px;
}
@media (max-width: 1024px){
.tips_clm {
width: 48%;
float: left;
padding: 8px;
}
}
@media (max-width: 930px){
.tips_clm {
width: 100%;
float: none;
padding: 8px;
}
}

.tips,
a .tips,
a:link .tips,
a:visited .tips,
a:active .tips
{
background-color: #ffffff;
border-left: #d7083b 4px solid;
border-bottom:  #f3f3f3 1px solid;
border-right:  #f3f3f3 1px solid;
padding: 0px;
text-align: left;
height: 100%;
color: #000000;
text-decoration: none;
}
.tips_news,
a .tips_news,
a:link .tips_news,
a:visited .tips_news,
a:active .tips_news{
background-color: #ffffff;
border-left: #269200 4px solid;
border-bottom:  #f3f3f3 1px solid;
border-right:  #f3f3f3 1px solid;
padding: 0px;
text-align: left;
height: 100%;
color: #000000;
text-decoration: none;
}

a:hover .tips,
a:hover .tips_news{
background-color: #f3f3f3;
border-left: #000000 4px solid;
padding: 0px;
text-align: left;
height: 100%;
color: #000000;
text-decoration: none;
}

.tips img,
.tips_news img{
width: 100%;
}

.tips .tips_thum,
.tips_news .tips_thum{
position: relative;
width: 100%;
height: auto;
}
.tips .tips_new,
.tips_news .tips_new{
position: absolute;
display: flex;
z-index: 20;
top:0;
right: 0;
}
.tips .icon_new,
.tips_news .icon_new{
width: 65px;

}
.tips .tips_text,
.tips_news .tips_text{
padding: 7px 15px;
}
.tips .tips_text2,
.tips_news .tips_text2{
padding: 0px 15px 15px 15px;
}


.tips .day,
.tips_news .day{
font-size: 1.1em;
font-family:'Frutiger Bold';
}

.tips .cat_tag{
font-size: 0.8em;
color:#d7083b;
}

.tips_news .cat_tag{
font-size: 0.8em;
color:#269200;
}


.tips .cat_tag .tate,
.tips_news .cat_tag .tate{
padding: 0 4px;
}


.tips h4{
color: #ffffff;
font-size: 1.2em;
display: inline-block;
background-color: #d7083b;
font-feature-settings: "palt";
padding: 5px 15px;
}

.tips_news h4{
color: #ffffff;
font-size: 1.2em;
display: inline-block;
background-color: #269200;
font-feature-settings: "palt";
padding: 5px 15px;
}

a:hover .tips h4,
a:hover .tips_news h4{
color: #ffffff;
font-size: 1.2em;
display: inline-block;
background-color: #000000;
font-feature-settings: "palt";
padding: 5px 15px;
}

@media (max-width: 1024px){
.tips h4,
.tips_news h4,
a:hover .tips h4,
a:hover .tips_news h4{
font-size: 2.0em;
line-height: 1.4;
padding: 15px 15px;
}

}
@media (max-width: 640px){
.tips h4,
.tips_news h4,
a:hover .tips h4,
a:hover .tips_news h4{
font-size: 1.85em;
line-height: 1.4;
padding: 15px 15px;
}

}

.tips .midasi,
.tips_news .midasi{
background: url("../img/arrow_white.png") right center no-repeat;
background-size: 10px auto;
padding: 0 45px 0 0;
display: table-cell;
vertical-align: middle;
}

.tips .intro,
.tips_news .intro{
padding: 10px 0;
}
/*************************************************
area_sns
*************************************************/
.area_sns{
width: 100%;
text-align: center;
padding: 50px 0;
margin: 100px 0 0 0;
clear: both;
background-color: #3b5998;
color: #ffffff;
display:block;
}

.area_sns p{
font-size: 2.4em;
line-height: 1.4;
}

@media (max-width: 640px){
.area_sns{
width: 100%;
text-align: center;
padding: 20px 0;
margin: 10px 0 0 0;
clear: both;
background-color: #3b5998;
color: #ffffff;
display:block;
}
.area_sns p{
font-size: 1.4em;
}
}

.btnFb{
color: #3b5998;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
padding: 13px 0;
line-height: 1.555;
background: #ffffff;
width: 320px;
display: block;
border-radius: 8px;
margin: 10px auto;
}

a:hover .btnFb{
background: #000000;
}

.btnFb p{
background: url("../img/arrow_blue.png") right center no-repeat;
background-size: 10px auto;
padding: 0 45px;
display: table-cell;
vertical-align: middle;
color: #3b5998;
font-size: 1.2em;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
}

a:hover .btnFb p{
background: url("../img/arrow_white.png") right center no-repeat;
background-size: 10px auto;
padding: 0 45px;
display: table-cell;
vertical-align: middle;
color: #ffffff;
font-size: 1.2em;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
}

.btnFb p .iconFb{
background: url("../img/icon_fb.png") left center no-repeat;
padding: 10px 0 10px 45px;
height: 45px;
}

.btnMv{
color: #ffffff;
font-size: 18px;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
padding: 13px 25px;
line-height: 1.555;
background: #000000;
display: inline-block;
border-radius: 8px;
margin: 10px auto;
}
a:hover .btnMv{
background: #d7083b;
}

@media (max-width: 640px){
.btnMv{
font-size: 1.0em;
}
}

.btnMv p{
background: url("../img/arrow_white.png") right center no-repeat;
background-size: 10px auto;
padding: 0 25px;
display: table-cell;
vertical-align: middle;
color: #ffffff;
}

/*************************************************
area_workstyle
*************************************************/
.area_workstyle{
max-width: 1024px;
text-align: center;
padding: 0px 0 50px 0;
clear: both;
margin: 20px auto 0 auto;
position: relative;
}

.area_workstyle p.tl{
font-size: 33px;
/*font-weight: 600; */
-webkit-font-smoothing: antialiased;
line-height: 1.65;
font-feature-settings: "palt";

}

.area_workstyle p.lead{
font-size: 1.15em;
line-height: 1.85;
padding: 0 0 50px 0;
text-align: left;
}

/*************************************************
area_message
*************************************************/
.area_message{
width: 100%;
text-align: left;
padding: 0 0 150px 0;
clear: both;
margin: 20px auto 0 auto;
position: relative;
min-height: 590px;
background-color: #e5e5e5;
}

@media (max-width: 1024px){
.area_message{
width: 100%;
text-align: left;
padding: 0 0 150px 0;
clear: both;
margin: 20px auto 0 auto;
position: relative;
min-height: 1430px;
background-color: #e5e5e5;
}
}

@media (max-width: 640px){
.area_message{
width: 100%;
text-align: left;
padding: 0 0 150px 0;
clear: both;
margin: 20px auto 0 auto;
position: relative;
min-height: 1250px;
background-color: #e5e5e5;
}
}
.area_message hr.obi{
border-top: 1px solid #d7083b;
background-color: #d7083b;
width: 30%;
height: 64px;
position: absolute;
top:87px;
left: 0;
z-index: 100;
}
@media (max-width: 640px){
.area_message hr.obi{
border-top: 1px solid #d7083b;
background-color: #d7083b;
width: 30%;
height: 64px;
position: absolute;
top:88px;
left: 0;
z-index: 100;
}
}
.area_message .tl{
max-width: 1024px;
position: absolute;
top: 50px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 100000000;
}

@media (max-width: 1024px){
.area_message .tl{
max-width: 90%;
position: absolute;
top: 50px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 100000000;
}
}
.area_message h2{
display: inline-block;
padding: 10px 30px 10px 0px;
font-size: 36px;
line-height: 1.2;
margin: 0;
min-height: 45px;
}

.area_message h3{
font-size: 2.3em;
/*font-weight: 600; */
-webkit-font-smoothing: antialiased;
line-height: 1.65;
font-feature-settings: "palt";
}
@media (max-width: 640px){
.area_message h3{
font-size: 1.65em;
}
}
.h_message{
margin: 0;
padding: 0;
}

.msg_mount{
max-width: 1024px;
position: absolute;
top: 40px;
}
.msg_ph{
float: left;
display: block;
width: 43%;
padding: 80px 0 0 0;
}
.msg_ph img{
width: 100%;
padding: 80px 0 0 0;
}
.msg_text{
float: left;
display: block;
text-align: left;
width: 50%;
padding: 80px 0 0 7%;
}

@media (max-width: 1024px){
.msg_ph{
float: none;
display: block;
width: 100%;
padding: 80px 0 0 0;
text-align: center;
}

.msg_ph img{
width: 90%;
padding: 0 0 0 0;
}
img.int06{
width: 100%;
padding: 0 0 0 0;
}

.msg_text{
float: none;
display: block;
text-align: left;
width: 95%;
padding: 30px 2%;
}

}
.msg_text p{
line-height: 1.85;
font-size: 1.15em;
}
.msg_text p.psname{
font-size: 1.6em;
/*font-weight: 600; */
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
line-height: 1.65;
padding: 20px 0;
}

.msg_text p.psname .busyo{
font-size: 0.85em;
font-family:-apple-system, BlinkMacSystemFont,'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
}

.msg_text p.psname .san{
font-size: 0.85em;
/*font-weight: 600; */
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
}


@media (max-width: 640px){
.msg_text p.psname{
font-size: 1.2em;
line-height: 1.55;
}

.msg_text p.psname .busyo{
font-size: 0.85em;
}
.msg_text p.psname .san{
font-size: 0.65em;
}
}
/*************************************************
area_approach1
*************************************************/

.area_approach1{
width: 100%;
text-align: left;
padding: 0 0 150px 0;
clear: both;
margin: 120px auto 0 auto;
position: relative;
min-height: 2400px;
}


.area_approach1 hr.obi{
border-top: 1px solid #d7083b;
background-color: #d7083b;
width: 30%;
height: 64px;
position: absolute;
top:87px;
left: 0;
z-index: 100;
}

.area_approach1 .tl{
max-width: 1024px;
position: absolute;
top: 50px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 100000000;
}

.area_approach1 h2{
display: inline-block;
padding: 10px 30px 10px 0px;
font-size: 36px;
line-height: 1.2;
margin: 0;
min-height: 45px;
}

.area_approach1 h3{
font-size: 2.3em;
/*font-weight: 600; */
-webkit-font-smoothing: antialiased;
line-height: 1.65;
font-feature-settings: "palt";
}


.area_approach1 .h_approach1{
margin: 0;
padding: 0 30px 0 0;
font-size: 0.75em;
}

.pdrAP{
padding: 0 0 0 0;
}


@media (max-width: 1024px){
.area_approach1{
width: 100%;
text-align: left;
padding: 0 0 150px 0;
clear: both;
margin: 20px auto 0 auto;
position: relative;
min-height: 2400px;
}
.area_approach1 hr.obi{
display: none;
}
.area_approach1 .tl{
max-width: 100%;
position: absolute;
top: 50px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 100000000;
}

.area_approach1 h2{
display: inline-block;
padding: 10px 30px 10px 30px;
font-size: 36px;
line-height: 1.2;
margin: 0;
min-height: 45px;
}

.area_approach1 .h_approach1{
margin: 0;
padding: 0 30px 0 0;
font-size: 0.75em;
}


.area_approach1 .pdrAP{
padding: 0 0 0 30px;
}

}


@media (max-width: 640px){
.area_approach1{
width: 100%;
text-align: left;
padding: 0 0 150px 0;
clear: both;
margin: 20px auto 0 auto;
position: relative;
min-height: 1850px;
}
.area_approach1 h2{
display: inline-block;
padding: 10px 30px 10px 30px;
font-size: 26px;
line-height: 1.2;
margin: 0;
min-height: 45px;
}
}
/*************************************************
area_approach2
*************************************************/
.area_approach2{
width: 100%;
text-align: left;
padding: 0 0 150px 0;
clear: both;
margin: 120px auto 0 auto;
position: relative;
min-height: 2300px;
}


.area_approach2 hr.obi{
border-top: 1px solid #d7083b;
background-color: #d7083b;
width: 30%;
height: 64px;
position: absolute;
top:87px;
left: 0;
z-index: 100;
}

.area_approach2 .tl{
max-width: 1024px;
position: absolute;
top: 50px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 100000000;
}

.area_approach2 h2{
display: inline-block;
padding: 10px 30px 10px 0px;
font-size: 36px;
line-height: 1.2;
margin: 0;
min-height: 45px;
}

.area_approach2 h3{
font-size: 2.3em;
/*font-weight: 600; */
-webkit-font-smoothing: antialiased;
line-height: 1.65;
font-feature-settings: "palt";
}


.area_approach2 .h_approach2{
margin: 0;
padding: 0 30px 0 0;
font-size: 0.75em;
}


@media (max-width: 1024px){
.area_approach2{
width: 100%;
text-align: left;
padding: 0 0 150px 0;
clear: both;
margin: 20px auto 0 auto;
position: relative;
min-height: 2810px;
}
.area_approach2 hr.obi{
display: none;
}
.area_approach2 .tl{
max-width: 100%;
position: absolute;
top: 50px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 100000000;
}

.area_approach2 h2{
display: inline-block;
padding: 10px 30px 10px 30px;
font-size: 36px;
line-height: 1.2;
margin: 0;
min-height: 45px;
}

.area_approach2 .h_approach2{
margin: 0;
padding: 0 30px 0 0;
font-size: 0.75em;
}


.area_approach2 .pdrAP{
padding: 0 0 0 30px;
}

}


@media (max-width: 640px){
.area_approach2{
width: 100%;
text-align: left;
padding: 0 0 150px 0;
clear: both;
margin: 20px auto 0 auto;
position: relative;
min-height: 2230px;
}
.area_approach2 h2{
display: inline-block;
padding: 10px 30px 10px 30px;
font-size: 26px;
line-height: 1.2;
margin: 0;
min-height: 45px;
}
}


.office1{
position: absolute;
background: url("../img/office05.jpg") center right no-repeat;
background-size: cover;
width: 100%;
height:600px;
top: 320px;
right: 0;
text-align: left;
z-index: 100000;
}


.office2{
position: absolute;
background: url("../img/office02.jpg") right top no-repeat;
background-size: cover;
width: 49%;
height:400px;
top: 950px;
left: 0;
text-align: left;
z-index: 100000;
}


.office3{
position: absolute;
background: url("../img/office03.jpg") right top no-repeat;
background-size: cover;
width: 49%;
height:400px;
top: 950px;
right: 0;
text-align: left;
z-index: 100000;
}

.office4{
position: absolute;
background: url("../img/office04.jpg") right top no-repeat;
background-size: cover;
width: 85%;
height:600px;
top: 1380px;
left: 0;
text-align: left;
z-index: 100000;
}

.office5{
position: absolute;
background: url("../img/office01.jpg") right center no-repeat;
background-size: cover;
width: 85%;
height:600px;
top: 2010px;
right: 0;
text-align: left;
z-index: 100000;
}



.office6{
position: absolute;
background: url("../img/office06.jpg") right center no-repeat;
background-size: cover;
width: 100%;
height:600px;
top: 370px;
right: 0;
text-align: left;
z-index: 100000;
}


.office7{
position: absolute;
background: url("../img/office07.jpg") right top no-repeat;
background-size: cover;
width: 49%;
height:400px;
top: 990px;
left: 0;
text-align: left;
z-index: 100000;
}

.office8{
position: absolute;
background: url("../img/office08.jpg") right top no-repeat;
background-size: cover;
width: 49%;
height:400px;
top: 990px;
right: 0;
text-align: left;
z-index: 100000;
}
.office9{
position: absolute;
background: url("../img/office09.jpg") right top no-repeat;
background-size: cover;
width: 49%;
height:400px;
top: 1410px;
left: 0;
text-align: left;
z-index: 100000;
}

.office10{
position: absolute;
background: url("../img/office10.jpg") right top no-repeat;
background-size: cover;
width: 49%;
height:400px;
top: 1410px;
right: 0;
text-align: left;
z-index: 100000;
}

.office11{
position: absolute;
background: url("../img/office11.jpg") right center no-repeat;
background-size: cover;
width: 100%;
height:600px;
top: 1830px;
right: 0;
text-align: left;
z-index: 100000;
}


@media (max-width: 1024px){
.office1{
position: absolute;
background: url("../img/office05.jpg") center center no-repeat;
background-size: cover;
width: 100%;
height:400px;
top: 360px;
right: 0;
text-align: left;
z-index: 100000;
}


.office2{
position: absolute;
background: url("../img/office02.jpg") right center no-repeat;
background-size: cover;
width: 100%;
height:400px;
top: 800px;
left: 0;
text-align: left;
z-index: 100000;
}


.office3{
position: absolute;
background: url("../img/office03.jpg") right center no-repeat;
background-size: cover;
width: 100%;
height:400px;
top: 1240px;
left: 0;
text-align: left;
z-index: 100000;
}

.office4{
position: absolute;
background: url("../img/office04.jpg") right top -60px no-repeat;
background-size: cover;
width: 100%;
height:400px;
top: 1680px;
left: 0;
text-align: left;
z-index: 100000;
}

.office5{
position: absolute;
background: url("../img/office01.jpg") right center no-repeat;
background-size: cover;
width: 100%;
height:400px;
top: 2120px;
right: 0;
text-align: left;
z-index: 100000;
}



.office6{
position: absolute;
background: url("../img/office06.jpg") right center no-repeat;
background-size: cover;
width: 100%;
height:400px;
top: 420px;
right: 0;
text-align: left;
z-index: 100000;
}


.office7{
position: absolute;
background: url("../img/office07.jpg") center no-repeat;
background-size: cover;
width: 100%;
height:400px;
top: 860px;
left: 0;
text-align: left;
z-index: 100000;
}

.office8{
position: absolute;
background: url("../img/office08.jpg") center no-repeat;
background-size: cover;
width: 100%;
height:400px;
top: 1300px;
right: 0;
text-align: left;
z-index: 100000;
}
.office9{
position: absolute;
background: url("../img/office09.jpg") center no-repeat;
background-size: cover;
width: 100%;
height:400px;
top: 1740px;
left: 0;
text-align: left;
z-index: 100000;
}

.office10{
position: absolute;
background: url("../img/office10.jpg") center no-repeat;
background-size: cover;
width: 100%;
height:400px;
top: 2180px;
right: 0;
text-align: left;
z-index: 100000;
}

.office11{
position: absolute;
background: url("../img/office11.jpg") center no-repeat;
background-size: cover;
width: 100%;
height:400px;
top: 2620px;
right: 0;
text-align: left;
z-index: 100000;
}
}


@media (max-width: 640px){
.office1{
position: absolute;
background: url("../img/office05.jpg") center left no-repeat;
background-size: cover;
width: 100%;
height:300px;
top: 410px;
right: 0;
text-align: left;
z-index: 100000;
}


.office2{
position: absolute;
background: url("../img/office02.jpg") center left no-repeat;
background-size: cover;
width: 100%;
height:300px;
top: 730px;
left: 0;
text-align: left;
z-index: 100000;
}


.office3{
position: absolute;
background: url("../img/office03.jpg") center left no-repeat;
background-size: cover;
width: 100%;
height:300px;
top: 1050px;
left: 0;
text-align: left;
z-index: 100000;
}

.office4{
position: absolute;
background: url("../img/office04.jpg") center right no-repeat;
background-size: cover;
width: 100%;
height:300px;
top: 1370px;
left: 0;
text-align: left;
z-index: 100000;
}

.office5{
position: absolute;
background: url("../img/office01.jpg") center center no-repeat;
background-size: cover;
width: 100%;
height:300px;
top: 1690px;
right: 0;
text-align: left;
z-index: 100000;
}
.office6{
position: absolute;
background: url("../img/office06.jpg") center center no-repeat;
background-size: cover;
width: 100%;
height:300px;
top: 475px;
right: 0;
text-align: left;
z-index: 100000;
}


.office7{
position: absolute;
background: url("../img/office07.jpg") center center no-repeat;
background-size: cover;
width: 100%;
height:300px;
top: 790px;
left: 0;
text-align: left;
z-index: 100000;
}


.office8{
position: absolute;
background: url("../img/office08.jpg") center center no-repeat;
background-size: cover;
width: 100%;
height:300px;
top: 1110px;
left: 0;
text-align: left;
z-index: 100000;
}

.office9{
position: absolute;
background: url("../img/office09.jpg") center center no-repeat;
background-size: cover;
width: 100%;
height:300px;
top: 1430px;
left: 0;
text-align: left;
z-index: 100000;
}

.office10{
position: absolute;
background: url("../img/office10.jpg") center center no-repeat;
background-size: cover;
width: 100%;
height:300px;
top: 1750px;
right: 0;
text-align: left;
z-index: 100000;
}


.office11{
position: absolute;
background: url("../img/office11.jpg") center center no-repeat;
background-size: cover;
width: 100%;
height:300px;
top: 2070px;
right: 0;
text-align: left;
z-index: 100000;
}
}


.office_approach1_t{
display: block;
background-color: #000000;
width: 100%;
position: absolute;
top: 180px;
left: 0;
z-index: 1000000;
padding: 15px 0px;
text-align: center;
}

.office_approach1_b{
display: block;
background-color: #000000;
width: 100%;
position: absolute;
top: 2630px;
left: 0;
z-index: 1000000;
padding: 15px 0px;
text-align: center;
}
.office_approach2_t{
display: block;
background-color: #000000;
position: absolute;
top: 180px;
left: 0;
z-index: 1000000;
padding: 15px 0px;
width: 100%;
text-align: center;
}
.office_approach2_b{
display: block;
background-color: #000000;
position: absolute;
top: 2420px;
left: 0;
z-index: 1000000;
padding: 15px 0px;
width: 100%;
text-align: center;
}

.office_approach1_t p,
.office_approach1_b p,
.office_approach2_t p,
.office_approach2_b p{
color: #ffffff;
font-size: 1.0em;
margin: 0 auto;
max-width: 1024px;
text-align: left;
}



@media (max-width: 1024px){
.office_approach1_t{
display: block;
background-color: #000000;
width: 100%;
position: absolute;
top: 220px;
left: 0;
z-index: 1000000;
padding: 15px 0px;
text-align: center;
}

.office_approach1_b{
display: block;
background-color: #000000;
width: 100%;
position: absolute;
top: 3050px;
left: 0;
z-index: 1000000;
padding: 15px 0px;
text-align: center;
}
.office_approach2_t{
display: block;
background-color: #000000;
position: absolute;
top: 220px;
left: 0;
z-index: 1000000;
padding: 15px 0px;
width: 100%;
text-align: center;
}
.office_approach2_b{
display: block;
background-color: #000000;
position: absolute;
top: 3310px;
left: 0;
z-index: 1000000;
padding: 15px 0px;
width: 100%;
text-align: center;
}
}


@media (max-width: 640px){
.office_approach1_t{
display: block;
background-color: #000000;
width: 100%;
position: absolute;
top: 200px;
left: 0;
z-index: 1000000;
padding: 15px 0px;
text-align: center;
}

.office_approach1_b{
display: block;
background-color: #000000;
width: 100%;
position: absolute;
top: 1910px;
left: 0;
z-index: 1000000;
padding: 15px 0px;
text-align: center;
}
.office_approach2_t{
display: block;
background-color: #000000;
position: absolute;
top: 200px;
left: 0;
z-index: 1000000;
padding: 15px 0px;
width: 100%;
text-align: center;
}
.office_approach2_b{
display: block;
background-color: #000000;
position: absolute;
top: 2255px;
left: 0;
z-index: 1000000;
padding: 15px 0px;
width: 100%;
text-align: center;
}
.office_approach1_t p,
.office_approach1_b p,
.office_approach2_t p,
.office_approach2_b p{
color: #ffffff;
font-size: 0.82em;
margin: 0 auto;
max-width: 90%;
text-align: left;
}
}

/*************************************************
area_lead
*************************************************/
.area_lead{
max-width: 1024px;
padding: 10px 0;
clear: both;
margin: 0 auto 0 auto;
text-align: center;
}
.area_lead p.lead{
font-size: 1.8em;
line-height: 1.85;
padding: 10px 0 10px 0;
}
@media (max-width: 640px){
.area_lead{
max-width: 1024px;
padding: 10px 0;
clear: both;
margin: 0 auto 0 auto;
text-align: left;
}
}
/*************************************************
area_profile / area_profileplus
*************************************************/
.area_profile{
max-width: 1024px;
padding: 20px 0;
clear: both;
margin: 0 auto 0 auto;
text-align: left;
}

.area_profileplus{
max-width: 1024px;
padding: 20px 0;
clear: both;
margin: 0 auto 130px auto;
text-align: left;
}

.area_profile p.lead{
font-size: 1.15em;
line-height: 1.85;
padding: 10px 0 10px 0;
}

.link {
margin:10px 0 ;
}
.link a{
font-size: 1.0em;
line-height: 1.85;
padding: 3px 10px;
color: #d7083b;
display: inline-block;
border:1px solid #d7083b;
font-feature-settings: "palt";
}

.link a:hover{
font-size: 1.0em;
line-height: 1.85;
padding: 3px 10px;
color: #ffffff;
background-color: #d7083b;
display: inline-block;
border:1px solid #d7083b;
font-feature-settings: "palt";
}

.link .midasi{
background: url("../img/arrow_red.png") right center no-repeat;
background-size: 10px auto;
padding: 0 25px 0 0;
display: table-cell;
vertical-align: middle;
}
.link a:hover .midasi{
background: url("../img/arrow_white.png") right center no-repeat;
background-size: 10px auto;
padding: 0 25px 0 0;
display: table-cell;
vertical-align: middle;
}

.area_profileplus p.lead{
padding: 20px 0 0 0;
}

.area_profile .profile,
.area_profileplus .profile{
background-color: #ffffff;
border: #e5e5e5 3px dotted;
padding: 20px 30px  4px 30px;
display: block;
}
@media (max-width: 640px){
.area_profile .profile,
.area_profileplus .profile{
background-color: #ffffff;
border: #e5e5e5 3px dotted;
padding: 20px 10px 4px 20px;
display: block;
}
}
.area_profile .profile .waku{
display: inline-block;
width: 100%;
}
.area_profile .profile .waku2{
display: inline-block;
width: 100%;
margin: 20px 0 0 0;
}

.area_profileplus .profile .waku3{
display: inline-block;
width: 100%;
padding: 20px 0 40px 0;
}

.area_profile .profile .person1,
.area_profile .profile .person2{
display: inline-block;
float: left;
width: 50%;
}

.area_profile .profile .ps_photo{
display: inline-block;
float: left;
padding: 0 10px 8px 0;
}

.area_profile .profile .ps_photo img{
width: 130px;
height: auto;
}

.area_profile .profile .ps_text{
display: inline-block;
float: left;
padding: 0;
}

.area_profile .profile .ps_roma{
font-size: 1.15em;
line-height: 1.0;
/*font-weight: 600; */
-webkit-font-smoothing: antialiased;
color:#d7083b;
font-family:'Frutiger Bold';
margin: 0 0 0 0;
}
.text_title .ps_roma{
font-size: 0.75em;
line-height: 0.75;
/*font-weight: 600; */
-webkit-font-smoothing: antialiased;
color:#d7083b;
font-family:'Frutiger Bold';
margin: 0 0 0 0;
}

.area_profile .profile .ps_name{
font-size: 1.65em;
line-height: 1.35;
/*font-weight: 600; */
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
}
.text_title .ps_name{
font-size: 1.0em;
line-height: 0.85;
/*font-weight: 600; */
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
}

.area_profile .profile .san{
font-size: 0.65em;
/*font-weight: 600; */
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
}

.text_title .san{
font-size: 0.65em;
/*font-weight: 600; */
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
}

.area_profile .profile .ps_intro{
font-size: 0.85em;
}

.area_profile .profile .ps_link{
font-size: 1.00em;
margin-top:5px ;
}

.text_title .ps_intro{
font-size: 0.65em;
}


.area_profileplus .profile .ps_midashi{
font-size: 1.45em;
line-height: 1.35;
color:#d7083b;
/*font-weight: 600; */
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
padding: 0;
}

.area_profileplus .profile .ps_team{
font-size: 1.25em;
line-height: 1.35;
font-weight: 600;
font-family:-apple-system, BlinkMacSystemFont, 'AxisStd-Lightiftcp','AxisStd-Regular','sans-serif' !important;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
padding: 0px 0 10px 0;
}

.area_profileplus .waku3 .team{
margin: 30px auto 0 auto;
width: 100%;
padding: 0 0 30px 0;
clear: both;
min-height: 200px;
}

.ps_teamphoto{
float: left;
width: 45%;
display:block;
}

.ps_teamphoto img{
width: 90%;
}

.ps_teamdetail{
float: left;
width: 55%;
display:block;
}


@media (max-width: 640px){

.area_profileplus .waku3 .team{
margin: 30px auto 0 auto;
width: 100%;
padding: 0 0 10px 0;
clear: both;
min-height: none;
}

.ps_teamphoto{
float: none;
width: 100%;
display:block;
}

.ps_teamphoto img{
width: 90%;
padding: 0 0 20px 0;
}

.ps_teamdetail{
float: none;
width: 100%;
display:block;
}

}

/*************************************************
area_newspage
*************************************************/

.area_newspage {
width: 100%;
position: relative;
text-align: left;
}

.area_newspage hr.obi{
border-top: 1px solid #d7083b;
background-color: #d7083b;
width: 30%;
height: 64px;
position: absolute;
top:37px;
left: 0;
z-index: 100;
}
@media (max-width: 640px){
.area_newspage hr.obi{
border-top: 1px solid #d7083b;
background-color: #d7083b;
width: 30%;
height: 64px;
position: absolute;
top:38px;
left: 0;
z-index: 100;
}
}
.area_newspage .tl{
max-width: 1024px;
position: absolute;
top: 0px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 100000000;
}
@media (max-width: 1024px){
.area_newspage .tl{
width: 96%;
padding: 0 2%;

}
}

.area_newspage h2{
display: inline-block;
padding: 10px 30px 10px 0px;
font-size: 36px;
line-height: 1.2;
margin: 0;
min-height: 45px;
}
@media (max-width: 640px){
.area_newspage h2{
display: inline-block;
padding: 10px 30px 10px 0px;
font-size: 26px;
line-height: 1.2;
margin: 0;
min-height: 45px;
}
}
.area_newspage .list{
margin: 140px auto 50px auto;
}


.h_newspage{
margin: 0;
padding: 0;
}

/*************************************************
area_page
*************************************************/
.area_page {
width: 100%;
position: relative;
text-align: left;
}

.area_page h3{
line-height: 1.55;
padding: 0 0 25px 0;
}

.area_page p{
font-size: 1.15em;
padding: 0 0 65px 0;
}
.area_page p.int06{
padding: 10px 0 35px 0;
}
@media (max-width: 640px){
.area_page {
padding: 0 0 55px 0;
}
.area_page p{
padding: 0 0 25px 0;
}
.area_page p.int06{
padding: 0 0 25px 0;
}
}

.area_page .ps_notice{
font-size: 0.85em;
}


.area_page .ps_name{
font-size: 1.15em;
line-height: 1.85;
/*font-weight: 600; */
color:#d7083b;
}

.area_page .ps_photo{
margin: 20px 0 0 0;
text-align: right;
}

.area_page .ps_photo_n,
.area_page .ps_photo_int{
margin: 0 0 0 0;
text-align: right;
}
.area_page .ps_photo img,
.area_page .ps_photo_n img{
margin: 0 0 100px 0;
}
.area_page .ps_photo_int img{
margin: 0 0 10px 0;
}
@media (max-width: 640px){
.area_page .ps_photo img,
.area_page .ps_photo_n img,
.area_page .ps_photo_int img{
margin: 0 0 20px 0;
}
}


@keyframes zoom-in {
0% {
transform: scale(.1);
}
100% {
transform: none;
}
}

.animate {
animation: .8s zoom-in;
}