@charset "utf-8";
.grid{
width: 84%;
padding: 30px 0 150px;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
@media screen and (max-width:980px){
.grid{
width: 90%;
padding: 15px 0 80px;
}
}
.grid-top{
border-top:1px solid #e5e5e5;
}
.grid-bottom{
border-bottom:1px solid #8c8c8c;
}
.grid-bottom-light{
border-bottom:1px solid #e5e5e5;
}
.gridInner{
max-width: 1700px;
}
.contentTtl.l-row .en{
margin-right: 20px;
}
@media screen and (max-width:767px){
.contentTtl.contentsBlock{
margin-bottom: 30px;
}
}
.moreBox a{
border-bottom: 1px solid #e5e5e5;
}
.moreBox .icon-arrow-next{
margin-left: 20px;
top: -2px;
}
.pageTop.grid{
margin-top: 84px;
padding: 15px 0 0;
height: 0;
}
@media screen and (max-width:767px){
.pageTop.grid{
margin-top: 40px;
}
}
.pageTtl.grid{
padding:30px 0 50px;
}
@media screen and (max-width:767px){
.pageTtl.grid{
padding:30px 0;
}
}
.keyVisual{
width: 100%;
height: 800px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
@media screen and (max-width:980px){
.keyVisual{
height: 600px;
background-attachment: scroll;
}
}
@media screen and (max-width:767px){
.keyVisual{
height: 300px;
}
}
#about .keyVisual{
background-image: url("../images/page/key-about.jpg");
}
#faq .keyVisual{
background-image: url("../images/page/key-faq.jpg");
}
.commonContents .grid{
padding: 100px 0 150px;
}
@media screen and (max-width:767px){
.commonContents .grid{
padding: 50px 0 80px;
}
}
.areaNavi{
width: 8vw;
}
.areaNavi{
position: sticky;
left: 0;
padding-top: 100px;
white-space: nowrap;
}
@media screen and (max-width:1145px){
.areaNavi .jp{
letter-spacing: -0.08em;
}
}
.commonBlock{
padding: 0 2vw;
}
.commonBlock .ttl{
width: 215px;
}
@media screen and (max-width:980px){
.commonBlock .ttl{
width: 150px;
}
}
@media screen and (max-width:767px){
.commonBlock .ttl{
width: 100%;
margin-bottom: 20px;
}
}
.commonBlock .txtBlock{
width: calc(100% - 215px);
}
@media screen and (max-width:980px){
.commonBlock .txtBlock{
width: calc(100% - 150px);
}
}
@media screen and (max-width:767px){
.commonBlock .txtBlock{
width: 100%;
}
.commonBlock .txtBlock .infoTtl{
margin-bottom: 10px;
font-size: 1.2rem;
}
.commonBlock .txtBlock .infoNote{
font-size: 1.2rem;
}
.commonBlock .txtBlock .infoNote.contentsBlock{
margin-bottom: 30px;
}

.commonBlock .txtBlock .infoNote.sectionBlock{
margin-bottom:50px;
}
}
.pager{
position:relative;
padding: 0 2vw;
}
@media screen and (max-width:767px){
.pager{
font-size: 1.4rem;
}
}
.pager a {
border-bottom: 1px solid rgba(255,255,255,0);
padding: 0 5px 5px;
margin:0 8px;
transition: all 0.3s ease 0s;
}
@media screen and (max-width:767px){
.pager a{
padding: 0 3px 5px;
margin:0 6px;
}
}
.pager .current {
border-bottom: 1px solid #000;
color: #000;
padding: 0 5px 5px;
margin:0 8px;
}
.pager .nextpostslink{
padding: 0 0 0 20px;
margin:0;
font-size: 1.2rem;
}
.pager .previouspostslink{
padding: 0 20px 0 0;
margin:0;
font-size: 1.2rem;
}
@media screen and (max-width:767px){
.pager .nextpostslink{
padding: 0 0 0 10px;
font-size: 1.1rem;
}
.pager .previouspostslink{
padding: 0 10px 0 0;
font-size: 1.1rem;
}
}
.breadcrumbs {
width:100%;
line-height:1.4;
font-size:1rem;
color:#bfbfbf;
}
.breadcrumbs ol{
margin:0 2%;
}
.breadcrumbs li{
display:inline;
list-style:none;
vertical-align:middle;
color:#bfbfbf;
}
.breadcrumbs li:after{
content:"";
display: inline-block;
width: 34px;
height: 1px;
background: #bfbfbf;
margin:0 15px;
position: relative;
top: -2px;
}
@media screen and (max-width:767px){
.breadcrumbs li:after{
margin:0 8px;
width:18px;
top: -3px;
}
}
.breadcrumbs li:last-child:after{
display:none;
}

#about .philosophyTxt{
line-height: 3;
}
#about .map_canvas {
width: 100%;
height: 30vw;
max-height: 580px;
}
@media screen and (max-width:767px){
#about .map_canvas {
height: 250px;
}
}
#works .worksList .grid{
padding: 100px 0 150px;
}
@media screen and (max-width:767px){
#works .worksList .grid{
padding: 50px 0 80px;
}
}
#works .worksList:first-child .grid{
padding: 0 0 150px;
}
@media screen and (max-width:767px){
#works .worksList:first-child .grid{
padding: 0 0 80px;
}
}
#works .worksList:last-child{
border-bottom: none;
}
#works .worksList .txt{
padding: 0 2vw;
}
#works .worksList .img{
max-width: 1000px;
padding: 0 2vw;
}
#works .worksImg{
background-image: url(../images/page/imagedot.png);
background-size: 2px 2px;
transition: opacity 0.6s linear 0.2s;
}
#works .worksImg .fadeIn{
transition: opacity 1s linear 0.2s;
}

#works .worksPost.grid{
padding: 0 0 150px;
}
@media screen and (max-width:767px){
#works .worksPost.grid{
padding: 0 0 80px;
}
}
#works .worksPost .txt{
padding: 0 2vw;
}
#works .worksPost .topInfo{
width: 40%;
}
@media screen and (max-width:980px){
#works .worksPost .topInfo{
width: 55%;
}
}
@media screen and (max-width:767px){
  #works .worksPost .topInfo{
  width: 100%;
  }
}
#works .worksPost .detail{
width: 55%;
margin-top: 80px;
}
@media screen and (max-width:980px){
#works .worksPost .detail{
width: 40%;
}
}
@media screen and (max-width:767px){
  #works .worksPost .detail{
  width: 100%;
  margin-top: 40px;
  }
}
#works .worksPost .detailBox{
margin-right:3%;
width: 48.5%;
}
@media screen and (max-width:980px){
  #works .worksPost .detailBox{
margin-right: 0;
  width:100%;
  }
}
#works .worksPost .detailBox:last-child{
margin-right: 0;
}
#works .worksPost .detailBox .ttl{
width: 7em;
}
#works .worksPost .detailBox .note{
width: calc(100% - 7em);
}
#works .worksPostAfter .grid{
padding: 30px 0;
}
.informationContent{
padding:0 2vw;
max-width: 1300px;
}
.informationContent .informationMain{
width:73%;
max-width: 890px;
}
@media screen and (max-width:980px){
.informationContent .informationMain{
width:71%;
}
}
@media screen and (max-width:767px){
.informationContent .informationMain{
width:100%;
max-width:inherit;
margin-bottom:50px;
}
}
/* information一覧 */
.informationpostList li{
min-height: 140px;
}
.informationpostList li .img{
top: 0;
left: 0;
width: 210px;
height:140px;
background: #F5F5F5;
}
@media screen and (max-width:980px){
.informationpostList li .img{
width:160px;
height:106px;
}
}
@media screen and (max-width:767px){
.informationpostList li .img{
width:110px;
height:73px;
}
}
.informationpostList li .img img{
position: absolute;
width: 100%;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all 0.8s ease;
}
.informationpostList li .img a:hover img{
opacity: 0.8;
}
.informationpostList li .txt{
margin-left: 245px;
}
@media screen and (max-width:980px){
.informationpostList li .txt{
margin-left:180px;
}
}
@media screen and (max-width:767px){
.informationpostList li .txt{
margin-left:120px;
min-height:73px;
margin-bottom:10px;
}
}
.informationpostList li .txt .info .date{
margin-right:2em;
}
@media screen and (max-width:767px){
.informationpostList li .txt .info .date{
margin-right:1em;
}
}
.informationpostList li .note{
height: 3.6em;
margin-left: 245px;
}
@media screen and (max-width:980px){
.informationpostList li .note{
margin-left:180px;
}
}
@media screen and (max-width:767px){
.informationpostList li .note{
margin-left:0;
}
}
/* informationサイドナビ */
.informationSide{
width:24%;
}
@media screen and (max-width:980px){
.informationSide{
width:26%;
}
}
@media screen and (max-width:767px){
.informationSide{
width:100%;
}
}
.informationSide .sideBlock{
padding-left: 30px;
}
@media screen and (max-width:980px){
.informationSide .sideBlock{
padding-left: 0;
}
}
@media screen and (max-width:980px){
.informationSide .sideBlock .ttl{
padding-left: 30px;
}
}
@media screen and (max-width:767px){
.informationSide .sideBlock .ttl{
font-size:8pt;
padding-bottom:10px;
margin-bottom:10px;
}
}
.informationSide .sideBlock .ttl:before{
content:"";
position: absolute;
top:12px;
left: -30px;
width: 20px;
height: 1px;
background:#000;
}
@media screen and (max-width:980px){
.informationSide .sideBlock .ttl:before{
left: 0;
}
}
@media screen and (max-width:767px){
.informationSide .sideBlock .ttl:before{
top: 9px;
}
}
.informationSide .sideBlock .sideList li{
line-height:35px;
position:relative;
}
@media screen and (max-width:767px){
.informationSide .sideBlock .sideList li{
float:left;
width:47.5%;
margin-right:5%;
}
.informationSide .sideBlock .sideList li:nth-child(2n){
margin-right:0;
}
}
.informationSide .sideBlock .sideList li:before{
content:" ・ ";
}
.informationSide .sideBlock .sideList li:after{
content:"";
position:absolute;
top:12px;
right:5px;
width:10px;
height:10px;
background:url(../images/page/side-arrow.gif) center no-repeat;
background-size:cover;
}
@media screen and (max-width:767px){
.informationSide .sideBlock  .recentryList{
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
}
.informationSide .sideBlock  .recentryList li{
width: 47.5%;
margin-right: 5%;
margin-bottom: 20px;
}
.informationSide .sideBlock  .recentryList li:nth-child(2n){
margin-right:0;
}
}
.informationSide .sideBlock  .recentryList li .img{
width:80px;
height: 53px;
background: #F5F5F5;
}
@media screen and (max-width:767px){
.informationSide .sideBlock  .recentryList li .img{
position: relative;
width: 100%;
padding-top: 66.25%;
height: 0;
}
}
.informationSide .sideBlock  .recentryList li .img img{
position: absolute;
width:100%;
height:auto;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all 0.8s ease;
}
.informationSide .sideBlock  .recentryList li .img a:hover img,
.informationSide .sideBlock  .recentryList li.hover .img a img{
opacity: 0.8;
}
.informationSide .sideBlock  .recentryList li .info{
top:7px;
left:94px;
}
@media screen and (max-width:767px){
.informationSide .sideBlock  .recentryList li .info{
position: static;
}
}
.informationSide .sideBlock  .recentryList li .blogTtl{
height:3em;
line-height: 1.4;
}
.informationMain .note p{
line-height: 2.2;
margin-bottom: 2.2em;
}
.informationMain .note .wp-block-preformatted{
margin-bottom: 3em;
}
.informationMain .note h2{
position: relative;
padding: 50px 0;
border-top: 1px solid #e5e5e5;
box-sizing: border-box;
font-size: 2rem;
font-weight: 500;
margin-top: 100px;
}
.informationMain .note h2:after{
content: "";
position: absolute;
top: -1px;
left: 0;
width: 30px;
height: 1px;
background: #000;
}
.informationMain .note h3{
font-size: 1.8rem;
font-weight: bold;
margin:20px 0 10px;
}
.informationMain .note h4{
font-size: 1.6rem;
font-weight: bold;
margin:15px 0 10px;
}
.informationMain .note h5{
font-weight: bold;
margin-bottom: 5px;
margin:15px 0 10px;
}
.informationMain .note h5:before{
content: "- "
}
.informationMain .note ul{
margin-bottom: 15px;
}
.informationMain .note li{
list-style: disc inside;
}
.informationMain .note table{
background:#f5f5f5;
max-width: 600px;
border: none;
}
.informationMain .note th,
.informationMain .note td{
padding: 20px;
width: 50%;
border: 1px solid #fff;
vertical-align: middle;
box-sizing: border-box;
}
.informationMain .note .colum3 table th,
.informationMain .note .colum3 table td{
width: 33%;
}
.informationMain .note .colum4 table th,
.informationMain .note .colum4 table td{
width: 25%;
}
.informationMain .note .colum5 table th,
.informationMain .note .colum5 table td{
width: 20%;
}
.informationMain .note th{
text-align: center;
font-weight: bold;
}
@media screen and (max-width:980px){
.informationMain .note th,
.informationMain .note td{
padding: 20px 10px;
}
}
@media screen and (max-width:767px){
.informationMain .note th,
.informationMain .note td{
padding: 10px;
}
}
.informationMain img{
max-width: 100%;
height: auto;
}
.informationMain .note pre{
white-space: pre-line;
}
.informationMain .note .youtubeOuter{
position: relative;
width: 100%;
padding-top: 56.25%;
margin-bottom: 3em;
}
.informationMain .note .youtubeOuter iframe{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
.informationMain .note .youtubeOuter p{
margin-bottom: 0;
}
@media (max-width: 781px){
.wp-block-columns:not(.is-not-stacked-on-mobile){
display: block;
margin-bottom: 40px;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
width: 100%!important;
}
}
@media (max-width: 781px){
.informationMain .note .wp-block-columns p{
margin-bottom:0;
}
}
#toc_container {
padding: 20px 30px !important;
box-sizing: border-box!important;
margin-bottom: 50px!important;
border: 1px solid #e5e5e5;
width: 90%;
}
@media screen and (max-width:767px){
#toc_container {
padding: 20px 15px !important;
}
}
#toc_container p.toc_title{
font-size: 1.6rem!important;
font-weight: bold!important;
}
#toc_container .toc_list li{
line-height: 1.4!important;
margin-bottom: 7px!important;
list-style: none;
}
#toc_container .toc_list > li{
margin-bottom: 20px!important;
}
#toc_container .toc_list > li > a{
font-weight: bold!important;
margin-bottom: 10px!important;
display: inline-block;
position: relative;
}
#toc_container .toc_list > li a:after {
content: "";
position: absolute;
top: 5px;
right: -17px;
width: 10px;
height: 10px;
background: url(../images/page/side-arrow.gif) center no-repeat;
background-size: cover;
}
#toc_container .toc_list > li ul{
margin-left: 0.5em!important;
}
#toc_container .toc_list > li ul li{
margin-left: 1em;
}
#toc_container .toc_list > li ul li:before{
margin-left: -1em;
display: inline-block;
content: "-";
width: 1em;
}
.commonInner{
padding: 0 2vw;
}
#contact .form{
max-width: 1300px;
}