.sp_m_img{
display: none;
}

.sp_leed{
display: none;
}


body{
background-color: #000;
position: relative;
}

.in_footer_wrp{
background-color: #000;
}

article{
position: relative;
background-color: #000;
width: 1100px;
margin: 0 auto;
}

h1{
position: relative;
width: 665px;
margin: 0 auto;
}

h1 span{
position: absolute;
top: 122px;
left: 88px;
display: block;
font-size: 15px;
color: #fff;
letter-spacing: 0.3em;
}

h1 img{
width: 665px;
height: auto;
display: block;
margin: 0 auto;
}

.block01{
position: relative;
}

.center_box{
position: absolute;
top: 45%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}

.block01 p{
font-size: 17px;
color: #fff;
text-align: center;
line-height: 2.2;
margin: 0 auto;
letter-spacing: 0.4em;
margin-top: 70px;
}

.block02{
margin-bottom: 45px;
overflow: hidden;
}

.block02 h2{
position: relative;
width: 1100px;
height: 709px;
background-image: url(../img/about/big_photo01.jpg);
background-position: top left;
background-repeat: no-repeat;
z-index: 1;
}

.block02 h2 img{
width: 245px;
height: auto;
margin-top: 420px;
margin-left: 68px;
}

.block02 .black_wall01{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000;
}

.is-show01{
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
left: 1100px!important;
}


.block02 .cont_wrp{
margin-top: -67px;
z-index: 2;
position: relative;
margin-left: 70px;
}

.block02 .cont_wrp p{
color: #fff;
}

.block02 .cont_wrp p:first-of-type{
line-height: 2.6;
letter-spacing: 0.15em;
font-size: 15px;
margin-bottom: 60px;
}

.block02 .cont_wrp p:last-of-type span{
letter-spacing: 0.2em;
font-size: 18px;
display: inline-block;
float: left;
color: #fff;
padding-top: 14px;
}

.block02 .cont_wrp p:last-of-type img{
width: 76px;
height: auto;
padding-left: 50px;
box-sizing: content-box;
float: left;
}

.movie_btn_wrp{
position: absolute;
top: 120px;
right: 70px;
cursor: pointer;
}

.movie_btn_in_wrp{
position: relative;
}

.movie_btn{
position: absolute;
display: block;
width: 149px;
height: auto;
top: 0;
right: 0;
}

.movie_btn02{
position: absolute;
display: block;
width: 149px;
height: auto;
top: 0;
right: 0;
}

.block03{
margin-bottom: 80px;
}

.block03 h2{
position: relative;
width: 1100px;
height: 709px;
background-image: url(../img/about/big_photo02.jpg);
background-position: top left;
background-repeat: no-repeat;
z-index: 1;
}

.block03 h2 .title{
position: absolute;
top: 305px;
right: 60px;
}

.block03 .black_wall02{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000;
}

.is-show02{
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
left: -1100px!important;
}


.block03 h2 div dl dt{
margin-bottom: 50px;
}

.block03 h2 div dl dt img{
width: 246px;
height: auto;
}

.block03 h2 div dl dd img{
width: 516px;
height: auto;
}

.block03 .cont_wrp{
width: 960px;
margin: 0 auto;
margin-top: 30px;
}

.block03 .cont_wrp dl dt{
position: relative;
padding: 9px 60px 8px 12px;
background-color: #00a184;
color: #fff;
font-size: 16px;
display: inline-block;
z-index: 1;
letter-spacing: 0.1em;
}

.block03 .cont_wrp dl dt::after{
position: absolute;
content: ' ';
top: -2px;
right: -2px;
border: none;
border-right: solid 36px #000;
border-bottom: solid 72px transparent;
z-index: 2;
}

.block03 .cont_wrp dl dd{
position: relative;
font-size: 14px;
color: #fff;
z-index: 3;
line-height: 1.9;
letter-spacing: 0.08em;
padding-top: 12px;
border-top: #00a184 solid 2px;
text-align:justify
}

.block03 .cont_wrp dl:first-of-type{
margin-bottom: 50px;
}

.block04{
padding-top: 80px;
width: 960px;
margin: 0 auto;
margin-bottom: 80px;
}

.block04 h2{
margin-bottom: 74px;
}

.block04 h2 dl dt{
margin-bottom: 46px;
}

.block04 h2 dl dt img{
width: 225px;
height: auto;
}

.block04 h2 dl dd img{
width: 588px;
height: auto;
}

.out_w_circle_wrp{
opacity: 0;
transform: translateY(-250px);
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

.sp_circle{
display: none;
}

.w_circle_wrp{
width: 700px;
height: 374px;
background-image: url(../img/about/w_circle.png);
background-position: top left;
background-repeat: no-repeat;
background-size: contain;
margin: 0 auto;
margin-bottom: 45px;
}

.is-show03{
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
opacity: 1;
transform: translateY(0px);
}

.block04 .w_circle_wrp .l_wrp{
text-align: center;
display: inline-block;
float: left;
margin-top: 106px;
margin-left: 65px;
}

.block04 .w_circle_wrp .l_wrp p{
font-size: 18px;
color: #00a184;
line-height: 2em;
letter-spacing: 0.1em;
margin-bottom: 20px;
}

.block04 .w_circle_wrp .l_wrp img{
width: 111px;
height: auto;
}

.block04 .w_circle_wrp .r_wrp{
text-align: center;
display: inline-block;
float: right;
margin-top: 106px;
margin-right: 47px;
}

.block04 .w_circle_wrp .r_wrp p{
font-size: 18px;
color: #0087cb;
line-height: 2em;
letter-spacing: 0.1em;
}

.block04 .w_circle_wrp .r_wrp p span{
display: block;
font-size: 26px;
color: #0087cb;
letter-spacing: 0.1em;
margin-top: 35px;
}

.equals_wrp{
text-align: center;
margin-top: 20px;
opacity: 0;
transform: translateY(-110px);
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

.is-show04{
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
opacity: 1;
transform: translateY(0px);
}

.solution_wrp{
margin-top: 46px;
opacity: 0;
transform: translateY(-110px);
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

.is-show05{
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
opacity: 1;
transform: translateY(0px);
}


.equals_wrp img{
width: 31px;
height: auto;
}

.solution_title{
font-size: 30px;
color: #fff;
letter-spacing: 0.1em;
text-align: center;
margin-bottom: 66px;
}

.solution_title img{
width: 111px;
height: auto;
padding-right: 23px;
box-sizing: content-box;
}

.solution_wrp dd .l_wrp{
width: 440px;
float: left;
}

.solution_wrp dd .r_wrp{
width: 440px;
float: right;
}

.bw_wrp{
width: 440px;
margin-top: 27px;
}

.bw_wrp dt{
position: relative;
padding: 8px 0px 8px 12px;
background-color: #00a184;
color: #fff;
font-size: 18px;
display: inline-block;
z-index: 1;
width: 170px;
margin-left: 40px;
}

.bw_wrp dt::after{
position: absolute;
content: ' ';
top: -38px;
right: 0px;
border: none;
border-right: solid 36px #000;
border-bottom: solid 72px transparent;
z-index: 2;
}

.bw_wrp dd{
position: relative;
font-size: 14px;
color: #fff;
z-index: 0;
line-height: 1.8;
padding-top: 12px;
border-top: #00a184 solid 2px;
letter-spacing: 0.1em;
text-align:justify
}



.solution_wrp dd .l_r_wrp .l_wrp dt{
position: relative;
padding: 8px 0px 8px 12px;
background-color: #00a184;
color: #fff;
font-size: 18px;
display: inline-block;
z-index: 1;
width: 170px;
margin-left: 40px;
}

.solution_wrp dd .l_r_wrp .l_wrp .typesquare_option{
letter-spacing: 0.2em;
}

.solution_wrp dd .l_r_wrp .r_wrp dt::after{
position: absolute;
content: ' ';
top: -38px;
right: 0px;
border: none;
border-right: solid 36px #000;
border-bottom: solid 72px transparent;
z-index: 2;
}

.sk::before{
position: absolute;
width: 40px;
height: 36px;
content: ' ';
top: 0px;
left: -40px;
background-image: url(../img/about/icon_sg.png);
background-position: top left;
background-repeat: no-repeat;
background-size: contain;
background-color: #008c69;
z-index: 4;
}

.ho::before{
position: absolute;
width: 40px;
height: 36px;
content: ' ';
top: 0px;
left: -40px;
background-image: url(../img/about/icon_hn.png);
background-position: top left;
background-repeat: no-repeat;
background-size: contain;
background-color: #008c69;
z-index: 4;
}

.bw::before{
position: absolute;
width: 40px;
height: 36px;
content: ' ';
top: 0px;
left: -40px;
background-image: url(../img/about/icon_bw.png);
background-position: top left;
background-repeat: no-repeat;
background-size: contain;
background-color: #008c69;
z-index: 4;
}


.solution_wrp dd .l_wrp dd{
position: relative;
font-size: 14px;
color: #fff;
z-index: 0;
line-height: 1.8;
padding-top: 12px;
border-top: #00a184 solid 2px;
letter-spacing: 0.1em;
text-align:justify
}

/* .sk + dd{
letter-spacing: 0em!important;
} */

.solution_wrp dd .r_wrp dt{
position: relative;
padding: 8px 0px 8px 12px;
background-color: #00a184;
color: #fff;
font-size: 18px;
display: inline-block;
z-index: 1;
width: 170px;
margin-left: 40px;
}

.solution_wrp dd .l_r_wrp .l_wrp dt::after{
position: absolute;
content: ' ';
top: -38px;
right: 0px;
border: none;
border-right: solid 36px #000;
border-bottom: solid 72px transparent;
z-index: 2;
}

.bs::before{
position: absolute;
width: 40px;
height: 36px;
content: ' ';
top: 0px;
left: -40px;
background-image: url(../img/about/icon_bs.png);
background-position: top left;
background-repeat: no-repeat;
background-size: contain;
background-color: #008c69;
z-index: 4;
}

.op::before{
position: absolute;
width: 40px;
height: 36px;
content: ' ';
top: 0px;
left: -40px;
background-image: url(../img/about/icon_op.png);
background-position: top left;
background-repeat: no-repeat;
background-size: contain;
background-color: #008c69;
z-index: 4;
}

.hm::before{
position: absolute;
width: 40px;
height: 36px;
content: ' ';
top: 0px;
left: -40px;
background-image: url(../img/about/icon_hm.png);
background-position: top left;
background-repeat: no-repeat;
background-size: contain;
background-color: #008c69;
z-index: 4;
}


.solution_wrp dd .r_wrp dd{
position: relative;
font-size: 14px;
color: #fff;
z-index: 0;
line-height: 1.8;
padding-top: 12px;
border-top: #00a184 solid 2px;
text-align: justify;
}

.solution_wrp dd .l_r_wrp:last-of-type dl:last-of-type dt {
width: 292px;
}

.solution_wrp dd .l_r_wrp{
	margin-bottom: 56px;
}

.solution_wrp dd .l_r_wrp:last-of-type{
margin-bottom: 0px;
}

.block05{
padding-top: 80px;
margin-bottom: 90px;
}

.block05 .h2_wrp{
text-align: center;
}

.block05 h2{
display: inline-block;
font-size: 21px;
color: #fff;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
border-bottom: #fff solid 2px;
margin-bottom: 46px;
letter-spacing: 0.2em;
}

.block05 .h2_wrp p{
margin-bottom: 68px;
}

.block05 .h2_wrp p img{
width: 592px;
height: auto;
}

.banner_wrp{
display: block;
}


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

.banner01{
display: block;
opacity: 0;
transform: translateY(-110px);
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

.banner02{
display: block;
opacity: 0;
transform: translateY(-110px);
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

.banner03{
display: block;
opacity: 0;
transform: translateY(-110px);
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

.banner04{
display: block;
opacity: 0;
transform: translateY(-110px);
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

.is-show06{
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
opacity: 1;
transform: translateY(0px);
}

.site_map_wrp{
background-color: #000;
}

.copy_right_wrp{
background-color: #fff;
}

.anc_link_btn_wrp{
position: fixed;
top: 45%;
left: 3%;
z-index: 9998;
}

.anc_link_btn_wrp a{
display: block;
width: 11px;
height: 11px;
background-color: #fff;
margin-bottom: 18px;
border-radius: 9px;
}

.cont01{
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
opacity: 0;
transform: translateX(280px);
}

.is-show07{
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
opacity: 1;
transform: translateX(0px);
}

.cont02{
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
opacity: 0;
transform: translateX(-280px);
}

.is-show08{
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
opacity: 1;
transform: translateX(0px);
}

.fade01{
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
opacity: 0;
}

.is-show09{
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
opacity: 1;
}

.fade02{
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
opacity: 0;
}

.is-show010{
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
opacity: 1;
}


.active{
background-color: #00a184!important;
}

.glaylayer{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0,0,0,0.8);
z-index: 9997;
height: 100%;
}



.video_wrp{
position: fixed;
top: 50%;
left: -50%;
display: none;
-webkit-transform: translate(-50%, -50%); /* Safari用 */
transform: translate(-50%, -50%);
width: 80%;
z-index: 9999;
height: auto;
-webkit-transition: all 0.5s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}

.in_video_wrp{
overflow: hidden;
}

video{
width: 100%;
z-index: 9999;
/*margin-left: -100%;*/
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}

.slide{
left: 50%;
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}


.video_batu{
position: fixed;
top: 30px;
right: 30px;
content: none;
width: 20px;
height: 20px;
background-image: url(../img/about/batu.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
z-index: 9998;
display: none;
cursor: pointer;
}


.spbr{
display: none;
}


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

.m_img{
display: none;
}

.sp_m_img{
display: block;
height: auto;
margin: 0 auto;
width: 85%;
}

h1 span{
display: none;
}

.spbr{
display: inline;
}

.pc_leed{
display: none!important;
}

.sp_leed{
display: block;
}

article{
width: 100%;
padding-top: 53px;
}

header {
background-color: #000;
height: 53px;
position: fixed;
width: 100%;
z-index: 9996;
}

.center_box{
width: 90%;
margin: 0 auto;
}

h1 {
margin: 0 auto;
position: relative;
width: 100%;
}

h1 img {
display: block;
height: auto;
margin: 0 auto;
width: 85%;
}

.anc_link_btn_wrp{
display: none;
}

.block01 p {
font-size: 12px;
}

.block02{
margin-bottom: 0px;
padding-bottom: 160px;
}

.block02 h2 {
background-image: url("../img/about/big_photo01.jpg");
background-position: left top;
background-repeat: no-repeat;
height: inherit;
position: relative;
width: 100%;
z-index: 1;
background-size: contain;
}

.block02 h2 img {
display: block;
height: auto;
margin-left: 8%;
margin-top: 0px;
width: 65%;
padding-top: 75%;
}

.block02 .cont_wrp {
display: block;
margin-left: 0px;
margin: 0 auto;
margin-top: 10px;
position: static;
z-index: 2;
width: 85%;
}

.txt_img_wrp{
display: table;
}

.block02 .cont_wrp p:last-of-type span {
color: #fff;
display: table-cell;
vertical-align: middle;
float: none;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.15em;
padding-top: 0px;
padding-right: 10px;
text-align:justify;
}

.block02 .cont_wrp p:last-of-type img {
display: table-cell;
vertical-align: middle;
box-sizing: border-box;
float: none;
height: auto;
padding-left: 0;
width: 85px;
padding-top: 5px;
}

.block02 .cont_wrp p:first-of-type{
line-height: 2.0;
letter-spacing: 0.1em;
font-size: 14px;
margin-bottom: 60px;
margin-top: 20px;
text-align:justify;
}

.movie_btn_wrp {
cursor: pointer;
display: block;
height: auto;
position: static;
right: 70px;
top: 120px;
width: 149px;
margin: 0 auto;
margin-top: 70px;
}

.block03 h2 {
background-image: url("../img/about/big_photo02.jpg");
background-position: left top;
background-repeat: no-repeat;
height: inherit;
position: relative;
width: 100%;
z-index: 1;
background-size: contain;
}

.block03 h2 .title {
position: static;
right: inherit;
top: inherit;
padding-top: 75%;
width: 85%;
margin: 0 auto;
}

.block03 h2 div dl dt img {
height: auto;
width: 73%;
}

.block03 h2 div dl dt {
margin-bottom: 20px;
}

.block03 h2 div dl dd img {
    display: block;
    height: auto;
    width: 100%;
}

.block03 h2 div dl dd  {

}

.block03 .cont_wrp {
width: 85%;
margin: 0 auto;
margin-top: 50px;
}

.block03 .cont_wrp dl dt::after {
display: none;

}
.block03 .cont_wrp dl dt {
background-color: #00a184;
color: #fff;
display: inline-block;
font-size: 16px;
padding: 8px 12px 8px 12px;
position: relative;
z-index: 1;
line-height: 1.6;
letter-spacing: 0.1em;
}

.block04 {
margin: 0 auto;
padding-top: 30px;
width: 85%;
}

.block04 h2 dl dt img {
height: auto;
width: 70%;
}

.block04 h2 dl dt {
margin-bottom: 20px;
}

.block04 h2 dl dd img{
width: 91%;
height: auto;
}

.block05 h2{
text-align: left;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
border-bottom: #fff solid 1px;
font-size: 18px;
letter-spacing: 0.1em;
margin-left: 25px;
}

.block05 .h2_wrp p img {
    height: auto;
    width: 95%;
}

.block05 .h2_wrp{
text-align: left;
}

.out_w_circle_wrp{
transform: translateY(-250px);
transition: all 0.5s ease-out 0s;
}

.w_circle_wrp {
display: none;
}

.sp_circle{
display: block;
width: 100%;
margin: 0 auto;
}

.is-show03 {
opacity: 1;
transform: translateY(0px);
transition: all 0.5s ease-out 0s;
}

.solution_title img {
box-sizing: content-box;
height: auto;
padding-right: 12px;
width: 70px;
}

.solution_title {
color: #fff;
font-size: 22px;
letter-spacing: 0.1em;
margin-bottom: 66px;
text-align: center;
}

.equals_wrp img {
height: auto;
width: 20px;
}

.solution_wrp dd .l_wrp {
float: none;
width: 100%;
}

.solution_wrp dd .r_wrp {
float: none;
width: 100%;
margin-top: 50px;
}

.op{
letter-spacing: -0.03em;
width: 250px!important;
}

.op::after {
right: 0!important;
top: -38px;
}

.bw_wrp{
width: 100%;
margin-top: 50px;
}


.banner01 {
height: auto;
position: relative;
padding-bottom: 20.6%;
}

.banner01 img {
position: absolute;
top: 0;
display: block;
}

.banner02 {
height: auto;
position: relative;
padding-bottom: 20.6%;
}

.banner02 img {
position: absolute;
top: 0;
display: block;
}

.banner03 {
height: auto;
position: relative;
padding-bottom: 20.6%;
}

.banner03 img {
position: absolute;
top: 0;
display: block;
}

.block05 .h2_wrp p {
color: #fff;
font-size: 17px;
letter-spacing: 0.5em;
margin-bottom: 68px;
line-height: 1.6;
text-align: left;
}

.kasoku{
width: 85%;
margin: 0 auto;
margin-bottom: 68px;
letter-spacing: 0.3em !important;
}

.pcbr{
display: none;
}




footer{
background-color: #fff;
}

}

.twitter_icon {
    height: 17px;
  }
.instagram_icon {
    height: 18px
}