/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
  margin:0; padding:0;
}
table{
  border-collapse:collapse; border-spacing:0;
}
fieldset, img{
  border:0;
}


address, caption, cite, code, dfn, em, strong, th, var{
  font-style:normal; font-weight:normal;
}
ol, ul{
  list-style:none;
}
caption, th{
  text-align:left;
}
h1, h2, h3, h4, h5, h6{
  font-size:100%; font-weight:normal;
}
q:before, q:after{
  content:”;
}
abbr, acronym{
  border:0;
}

html {
  scroll-behavior: smooth;
}

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

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

*{font-family:'Noto Sans JP','Noto Serif JP', sans-serif,游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

body{
color:#171723;
font-size:16px;
line-height:24px;
letter-spacing: 1px;
background-color: #ffffff;
}

img{
vertical-align:top;
margin: 0;
padding: 0;
isplay: block;
}

a{
color: #999999;
text-decoration: underline;
}

a:hover{
color: #0ca39a;
text-decoration: underline;
}

a:hover img {
opacity: 0.5;
}
img {
    -webkit-backface-visibility: hidden;
}


/*コンテンツ*/
@media screen and (min-width: 500px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 500px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}



.main{
width: 100%;
height: 720px;
background-size: cover;
}




.header_area{
width: 96%;
height: 100px;
margin: 0 2%;
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
letter-spacing: 1px;
font-size: 14px;
font-weight: 700;
}

.header_area h1{
font-weight: 700;
}

.header_area h1 img{
width: 175px;
height: auto;
margin: 0;
padding: 0;
margin: 3px 10px 0 0;
}

.main_area{
width: 96%;
height: auto;
margin: 0 2%;
padding: 0;
text-align: center;
position: relative;
}

.main_copy_box{
margin-top: 110px;
}
/*
.main_copy{
width: 314px;
height: auto;

}
*/

.main_copy{
color:#ccc;
font-size: 90px;
line-height: 94px;
letter-spacing: 0px;
font-weight:900;
mix-blend-mode:screen;
}
.main_copy2{
letter-spacing: 4px;
}


.main_read{
color:#ccc;
font-size: 28px;
line-height: 40px;
letter-spacing: 1px;
font-weight:700;
margin-top:16px;
margin-bottom: 70px;
mix-blend-mode:screen;
}

.main_text{
color:#fff;
font-size: 28px;
letter-spacing: 1px;
font-weight:500;
margin-bottom: 70px;
line-height: 38px;
}

.about,
.business,
.group,
.work,
.work2,
.company,
.contact{
width: 100%;
height: auto;
margin: 0px;
padding: 0;
}

.business{background-color:#f3f6f8}
.company{background-color:#3e4347}
.contact{background-color:#343e63}
.footer{background-color:#343e63}

.content{
width:1052px;
height: auto;
margin: 0 auto;
padding: 70px 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.company .content,
.contact .content{
color:#fff;
}

.footer .content{
width:1052px;
height: auto;
margin: 0 auto;
padding: 15px 0;
font-size:11px;
color:#fff;
letter-spacing: 1px;
font-weight: 400;
text-align: center;
display: flex;
justify-content:center;
}

.content_title_left{
width: 330px;
height: auto;
}

.about .content_title_left{
background-image: url("../img/about_photo.jpg");
background-size: 100%;
background-repeat: no-repeat;
background-position: 0 150px;
}
.company .content_title_left{
background-image: url("../img/office_photo1.jpg");
background-size: 100%;
background-repeat: no-repeat;
background-position: 0 150px;
}


.content_title_right{
width: 660px;
height: auto;
}

.content_title_left h2{
font-size: 36px;
letter-spacing: 0;
font-weight: 900;
width: 330px;
border-bottom: 1px solid #000;
padding-bottom: 20px;
margin-bottom: 10px;

}

.company .content_title_left h2,
.contact .content_title_left h2{
border-bottom: 1px solid #fff;

}

.content_title_left p{
font-size: 22px;
line-height: 30px;
letter-spacing: 1px;
font-weight: 700;
}

.content_title_right p{
font-size: 14px;
line-height: 24px;

}

.content_nocolumn{
width: 100%;
text-align: center;
margin-top: 50px;
}

.content_nocolumn h4{
text-align: left;
font-size: 16px;
font-weight: 700;
}

.content_nocolumn p{
text-align: left;
font-size: 14px;
line-height: 24px;
}


.three_column{
width: 31%;
margin-top: 50px;
}

.three_column h3{
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}

.two_column li{
list-style-type: disc;
margin-left: 20px;
font-size: 14px;
font-weight: 400;
margin-bottom: 5px;
}

.three_column img{
width: 100%;
}

.two_column{
width: 48%;
margin-top: 50px;
}

.two_column img{
width: 100%;
margin-bottom: 20px;
}

.two_column h3{
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
}

.two_column p{
font-size: 14px;
line-height: 24px;
font-weight: 400;
}


.work2{
margin-top: -80px;
}
.work2 h4{
font-size: 22px;
line-height: 30px;
text-align: left;
letter-spacing: 1px;
font-weight: 700;
margin-bottom: 10px;
}

.logoset{
width: 1052px;
height: auto;
}


.content_title_right table{
font-size: 14px;
line-height: 24px;
}

.content_title_right table th{
width:150px;

}

.content_title_right table th,td{
padding-bottom:30px;
}

.gr_info{
font-size:14px;
font-weight: 700;
margin-bottom: 10px;
width: 100%;
margin: 30px 0 10px 0;
}

.gr_column_left{
color:#fff;
width: 240px;
}



.gr_column_left img{
width: 200px;
height: auto;
margin-top: 10px;
}


.gr_column_right{
color:#fff;
width: 780px;
font-size: 12px;
line-height: 18px;
}

.haraochiimg,
.businessmap{
width: 80%;
height: auto;
}


/* 019 */
.button019 a {
    background: none;
    border:1px solid #fff;
    border-radius: 0;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 20px 25px;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    color:#fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    margin-top: 30px;
}
.button019 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button019 a:hover {
  background: #fff;
  color: #343e63;
}
.button019 a:hover:after {
  right: 1.4rem;
}




/*slick*/

#wrapper {
  overflow: hidden;
  margin-top: -30px;
}

.content_area{
  max-width: 1052px;
  padding: 0 0;
  margin: 0 auto;

}

.slick-list{
  overflow: visible;
}

.slick-item{
width: 1000px;
height: auto;
text-align: center;
}

.slick-item p {
width: 250px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  margin: 10px;
  padding: 0;
  position: relative;
}

.slick-item p img {
width: 250px;
height: 250px;
}

.slick-prev, .slick-next{
  z-index:100;
}
.slick-prev:before, .slick-next:before{
  color:#75E1D6;
}
@media screen and (max-width:560px){
  .content_area{
    padding: 0 30px;
  }
  .slick-item p {
    font-size: 15px;
    line-height: 100px;
    margin: 5px;
    padding: 1.5%;
  }
}




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



.main{
width: 100%;
height: 720px;
background-size: cover;
}




.header_area{
width: 96%;
height: 60px;
margin: 0 2%;
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
letter-spacing: 1px;
font-size: 14px;
font-weight: 700;
}

.header_area h1{
font-weight: 700;
font-size: 12px;
margin-bottom: 0px;
}

.header_area h1 img{
width: 125px;
height: auto;
margin: 0;
padding: 0;
margin: 10px 0px -8px 0;
}

.main_area{
width: 96%;
height: auto;
margin: 0 2%;
padding: 0;
text-align: center;
position: relative;
}

.main_copy_box{
margin-top: 110px;
}
/*
.main_copy{
width: 60%;
height: auto;

}
*/

.main_copy{
color:#ccc;
font-size: 50px;
line-height:52px;
letter-spacing: 0px;
font-weight:900;
mix-blend-mode:screen;
}
.main_copy2{
letter-spacing: 4px;
}


.main_read{
color:#ccc;
font-size: 28px;
line-height: 40px;
letter-spacing: 1px;
font-weight:700;
margin-top:16px;
margin-bottom: 70px;
mix-blend-mode:screen;
}



.main_text{
color:#fff;
font-size: 16px;
letter-spacing: 1px;
font-weight:500;
margin-bottom: 30px;
}

.about,
.business,
.group,
.work,
.work2,
.company,
.contact{
width: 100%;
height: auto;
margin: 0px;
padding: 0;
}

.business{background-color:#f3f6f8}
.company{background-color:#3e4347}
.contact{background-color:#343e63}
.footer{background-color:#343e63}

.content{
width:96%;
height: auto;
margin: 0 auto;
padding: 70px 0;
display: block;
justify-content: space-between;
flex-wrap: wrap;
}

.company .content,
.contact .content{
color:#fff;
}

.footer .content{
width:96%;
height: auto;
margin: 0 auto;
padding: 15px 0;
font-size:11px;
color:#fff;
letter-spacing: 1px;
font-weight: 400;
text-align: center;
display: flex;
justify-content:center;
}

.content_title_left{
width: 100%;
height: auto;
margin-bottom: 30px;
}

.about .content_title_left{
background-image: url("../img/about_photo.jpg");
background-size: 100%;
background-repeat: no-repeat;
background-position: 0 150px;
}
.company .content_title_left{
background-image: url("../img/office_photo1.jpg");
background-size: 100%;
background-repeat: no-repeat;
background-position: 0 150px;
}


.content_title_right{
width: 100%;
height: auto;
}

.content_title_left h2{
font-size: 36px;
letter-spacing: 0;
font-weight: 900;
width: 100%;
border-bottom: 1px solid #000;
padding-bottom: 20px;
margin-bottom: 10px;

}

.company .content_title_left h2,
.contact .content_title_left h2{
border-bottom: 1px solid #fff;

}

.content_title_left p{
font-size: 22px;
line-height: 30px;
letter-spacing: 1px;
font-weight: 700;
}

.content_title_right p{
font-size: 14px;
line-height: 24px;

}

.content_nocolumn{
width: 100%;
text-align: center;
margin-top: 50px;
}

.content_nocolumn h4{
text-align: left;
font-size: 16px;
font-weight: 700;
}

.content_nocolumn p{
text-align: left;
font-size: 14px;
line-height: 24px;
}


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

.three_column h3{
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}

.two_column li{
list-style-type: disc;
margin-left: 20px;
font-size: 14px;
font-weight: 400;
margin-bottom: 5px;
}

.three_column img{
width: 100%;
}

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

.two_column img{
width: 100%;
margin-bottom: 20px;
}

.two_column h3{
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
}

.two_column p{
font-size: 14px;
line-height: 24px;
font-weight: 400;
}


.work2{
margin-top: -80px;
}
.work2 h4{
font-size: 22px;
line-height: 30px;
text-align: left;
letter-spacing: 1px;
font-weight: 700;
margin-bottom: 10px;
}

.logoset{
width: 100%;
height: auto;
}


.content_title_right table{
font-size: 14px;
line-height: 24px;
}

.content_title_right table th{
width:150px;

}

.content_title_right table th,td{
padding-bottom:30px;
}

.gr_info{
font-size:14px;
font-weight: 700;
margin-bottom: 10px;
width: 100%;
margin: 30px 0 10px 0;
}

.gr_column_left{
color:#fff;
width: 240px;
}



.gr_column_left img{
width: 200px;
height: auto;
margin-top: 10px;
margin-bottom: 25px;
}


.gr_column_right{
color:#fff;
width: 100%;
font-size: 12px;
line-height: 18px;
}

.haraochiimg,
.businessmap{
width: 100%;
height: auto;
}


/* 019 */
.button019 a {
    background: none;
    border:1px solid #fff;
    border-radius: 0;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 20px 25px;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    color:#fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    margin-top: 30px;
}
.button019 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button019 a:hover {
  background: #fff;
  color: #343e63;
}
.button019 a:hover:after {
  right: 1.4rem;
}




/*slick*/

#wrapper {
  overflow: hidden;
  margin-top: -30px;
}

.content_area{
  max-width: 100%;
  padding: 0 0;
  margin: 0 auto;

}

.slick-list{
  overflow: visible;
}

.slick-item{
width: 100%;
height: auto;
text-align: center;
}

.slick-item p{
width: 90%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  margin: 0px;
  padding: 0;
  position: relative;
}

.slick-item p img {
width:100%;
height:100%;
}

.slick-prev, .slick-next{
  z-index:100;
}
.slick-prev:before, .slick-next:before{
  color:#75E1D6;
}





}