@charset "UTF-8";


/*　ファーストビュー
-----------------------*/
#top___mv{
  position: relative;
}
#top___mv h1{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.slideCont{
  line-height: 0;
}

#top___mv .slideCont .slick-dots{
  bottom: 11px;
}
#top___mv .slideCont .slick-dots li{
  width: 10px;
  height: 10px;
  margin: 0 5px;
}
#top___mv .slideCont .slick-dots li button{
  width: 10px;
  height: 10px;  
}
#top___mv .slideCont .slick-dots li button::before{
  content: none;
} 
@media screen and (min-width: 901px){
#top___mv > div.slideCont.mb02 > ul > ul{display: none;}

  #top___mv .slick-dotted.slick-slider{
    margin-bottom: 0;
  }  
  #top___mv .slideCont .slick-dots li button{
    border: 1px solid #fff;
  }
  #top___mv .slideCont .slick-dots li.slick-active button{
    background-color: #fff;
  }
}
@media screen and (max-width: 900px){
  #top___mv .slick-dotted.slick-slider{
    margin-bottom: 50px;
  }
  #top___mv .slideCont .main_slide img{
    width: 100%;
  }
  #top___mv .slideCont .main_slide .slide{
    /*height: 100vh;*/
  }  
  #top___mv .slideCont .slick-dots{
    bottom: 8px;
    transform: translate(0, 0);
}
  #top___mv .slideCont .slick-dots li button{
    border: 1px solid #fff;
  }
  #top___mv .slideCont .slick-dots li.slick-active button{
    background-color: #fff;
  }
}
@media screen and (max-width: 640px){
  #top___mv h1{
    width: 75%;
  }
}

@media screen and (max-width: 600px){
  #top___mv .slideCont .slick-dots{
    bottom: 6px;
  }
  #top___mv .slideCont .slick-dots li button{
    border: 1px solid #ffe233;
  }
  #top___mv .slideCont .slick-dots li.slick-active button{
    background-color: #ffe233;
  }
}


/*　コンセプト
-----------------------*/
#consept{
  background: url("../img/common/bg_noise01.png") 0 0 repeat;
  overflow: hidden;
}
.cnspt_wrap{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
#consept .cont_ttl{
  background: url("../img/top/concept_tl_bg.png") center center no-repeat;
  background-size: cover;
  position: relative;
}
#consept .cont_ttl .icon{
  position: absolute;
}
.cp_inner{
  max-width: 1100px;
  width: 90%;
  margin: 0 auto;
}
.cp_inner .box_r{
  position: relative;
}
.cp_inner .box_r .p_item{
  position: absolute;
}
@media screen and (min-width: 901px){
  #consept{
    padding: 134px 0 90px;
  }
  #consept .cont_ttl{
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 25px 28px;
  }
  #consept .cont_ttl > img.pc{
    text-align: right;
    width: 59.354%;
  }
  #consept .cont_ttl .icon{
    width: 32%;
    left: 5%;
    top: 50%;
    transform: translate(-5%, -50%);
  }
  .cp_inner .box_l{
    width: 52.925%;
    margin-right: 20px;
  }
  .cp_inner .box_l .img{
    margin-bottom: 30px;
  }
  .cp_inner .box_r .img{
    margin-bottom: 89px;
  }
  .cp_inner .box_r .img2{
    padding: 0 10px;
  }
  .cp_inner .box_r .p_item{
    bottom: 35px;
    right: calc(50% - 568px);
    width: 100%;    
  }
}
@media screen and (max-width: 900px){
  #consept{
    padding: 250px 0 2.5rem;
  }
  #consept .cont_ttl{
    text-align: center;
    background: url("../img/top/concept_tl_bg_sp.png") 0 0 no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    padding: 35px 0;
  }
  #consept .cont_ttl > img{
    max-width: 100%;
    width: 50%;
  }
  #consept .cont_ttl .icon{
    left: 50%;
    top: -46%;
    transform: translate(-50%, -50%);
    width: 50%;
  }
  .cp_inner{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cp_inner .img img{
    width: 100%;
  }
  .cp_inner .box_l{
    margin-bottom: 30px;
  }
  .cp_inner .box_l .img{
    margin-bottom: 20px;
  }
  .cp_inner .box_l .txt{
    padding: 0 2.5%;
  }
  .cp_inner .box_r .p_item {
    right: 2.5%;
    bottom: 0;
    width: 50%;
  }  
}
@media screen and (max-width: 640px){
  #consept{
    padding: 150px 0 2.5rem;
  }
  #consept .cont_ttl .icon{
    top: -41%;
    transform: translate(-50%, -41%);
    width: 60%;
  }
  #consept .cont_ttl > img{
    width: 70%;
  }
  .cp_inner .box_l .txt{
    padding: 0 3.5%;
    font-size: 0.93rem;
  }
  .cp_inner .box_r .img2{
    width: 50%;
  }
}
/*　ご相談
-----------------------*/
#consultation{
  background-color: #E2D8BB;
}
#consultation .cont_ttl span{
  display: block;
  text-align: center;
}
#consultation .cont_ttl .icon{
  margin-bottom: 15px;
}
#consultation .cont_ttl .ja{
  margin-bottom: 20px;
}
.consl_box{
  background:
    linear-gradient(45deg,  transparent 20px, #FFE232 20px),
    linear-gradient(135deg, transparent 20px, #FFE232 20px),
    linear-gradient(225deg, transparent 20px, #FFE232 20px),
    linear-gradient(315deg, transparent 20px, #FFE232 20px);
  background-position: bottom left, top left, top right, bottom right;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}
.consl_box .inner{
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.consl_box .inner .check{
  margin-bottom: 15px;
}
.consl_box .inner .check li{
  line-height: 1.5;
  position: relative;
  padding-left: 1.5em;
}
.consl_box .inner .check li::before{
  content:"";
  padding-right: 0.5em;
  position: absolute;
  left: 0;
  top: .25em;
  width: 21px;
  height: 18px;
  background: url("../img/top/consultation_check.svg") left center no-repeat;
  background-size: contain;
}

#consultation .cons_btn a{
  background-color: #fff;
}
#consultation .cons_btn a:hover{
  background-color: #000;
  color: #fff;
}
/*ローンコラム　カテゴリ一覧*/
.loan_column_cont{
  margin-top: 100px;
}
.loan_column_cont .loan_ttl{
  margin-bottom: 29px;
}
.loan_column_cont .loan_ttl span{
  text-align: center;
}
.loan_column_cont .loan_ttl .ja{
  position: relative;
  align-items: center;
  width: 100%;
  margin: 0 auto 10px;
  text-align: center;
}
.loan_column_cont .loan_ttl .ja::before,
.loan_column_cont .loan_ttl .ja::after{
  content: "";
  flex-grow: 1;
  height: 10px;
}
.loan_column_cont .loan_ttl .ja::before{
  margin: 0 1em 0 0;
  background: url("../img/top/loan_ttl_charm.svg") left center no-repeat;
  background-size: contain;  
}
.loan_column_cont .loan_ttl .ja::after{
  margin: 0 0 0 1em;
  background: url("../img/top/loan_ttl_charm.svg") right center no-repeat;
  background-size: contain;  
}
.loan_column_cont .loan_ttl .en{
  display: block;
}
.loan_column_cont .txt{
  text-align: center;
  margin-bottom: 37px;
}
.loan_column_cont .loan_ct{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.loan_column_cont .loan_ct li a{
  display: block;
}
.loan_column_cont .loan_ct li a .img_box{
  position: relative;
}
.loan_column_cont .loan_ct li a .img_box img{
  width: 100%;
}
.loan_column_cont .loan_ct li a .img_box img.active{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: .5s;
}
.loan_column_cont .loan_ct li a:hover .img_box img.active{
  opacity: 1;
}
@media screen and (min-width: 901px){
  #consultation{
    padding: 61px 0 70px;
  }
  #consultation .cont_ttl{
    margin-bottom: 33px;
  }
  .consl_box{
    padding: 30px 50px;
    margin-bottom: 35px;
  }
  .consl_box .img{
    position: relative;
    bottom: -33px;
    width: 40%;
  }
  .consl_box .inner{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .consl_box .inner .txt_r{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 30px;
  }
  .consl_box .inner .check li{
    font-size: 1.2rem;
    margin-bottom: 9px;
    letter-spacing: 0.1rem;
  }
  /*ローンコラム　カテゴリ一覧*/
  .loan_column_cont .loan_ct li{
    width: 49.365%;
    margin-right: 1.27%;
    margin-bottom: 15px;
  }
  .loan_column_cont .loan_ct li:nth-child(2n){
    margin-right: 0;
  }
  .loan_column_cont .loan_ct li:nth-last-child(-n+2){
    margin-bottom: 0;
  }
}
@media screen and (max-width: 900px){
  #consultation{
    padding: 3.0rem 0;
  }
  #consultation .cont_ttl{
    margin-bottom: 35px;
  }
  #consultation .cont_ttl .icon{
    width: 60px;
    margin: 0 auto 15px;
  }
  #consultation .cont_ttl .ja{
    width: 75%;
    margin: 0 auto 18px;
  }
  #consultation .cont_ttl .en{
    width: 55%;
    margin:  0 auto;
  }
  .consl_box{
    padding: 30px 5%;
    margin-bottom: 40px;
  }
  .consl_box .inner{
    flex-direction: column-reverse;
  }
  .consl_box .inner .txt_r{
    padding: 20px 0 30px;
  } 
  .consl_box .inner .check li{
    font-size: 1.2rem;
    margin-bottom: 10px;    
  }
  .consl_box .inner .img{
    text-align: center;
    padding-bottom: 20px;
  }
  /*ローンコラム　カテゴリ一覧*/
  .loan_column_cont .loan_ttl .ja{
    margin: 0 auto 25px;
  }
  .loan_column_cont .loan_ct{
    flex-direction: column;
  }
  .loan_column_cont .loan_ct li{
    width: 100%;
    margin-bottom: 15px;
  }
  .loan_column_cont .loan_ct li:nth-child(2n){
    margin-right: 0;
  }
  .loan_column_cont .loan_ct li:nth-last-child(-n+2){
    margin-bottom: 0;
  }
}
@media screen and (max-width: 640px){
  #consultation .cont_ttl .icon{
    margin: 0 auto 8px;
  }
  #consultation .cont_ttl .ja{
    margin: 0 auto 5px;
  }
  #consultation .cons_btn a{
    text-align: left;
    padding-left: 5%;
  }
  .consl_box .inner .check li{
    font-size: 1.0rem;
    padding-left: 2.0rem;
  }
  .consl_box .inner .check li::before{
    width: 20px;
  }
  .consl_box .inner .txt{
    font-size: 0.93rem;
  }
  /*ローンコラム　カテゴリ一覧*/
  .loan_column_cont .loan_ttl .ja{
    margin: 0 auto 15px;
  }
  .loan_column_cont .loan_ttl .ja::before, .loan_column_cont .loan_ttl .ja::after{
    content: none;
  }
  .loan_column_cont .loan_ttl .ja img{
    width: 80%;
    margin: 0 auto;
  }
  .loan_column_cont .loan_ttl .en img{
    width: 40%;
    margin: 0 auto;
  }
}

/*　事例
-----------------------*/
#case{
  background-color: #EFEFEC;
}
#case .cont_ttl{
  
}
.case_list li{
  border: 2px solid #000;
  max-width: 95%;
  background-color: #fff;
  margin: 0 8px;  
}
.case_list li .prof{
  width: 100%;
  background-color: #000;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.case_list li .prof .ttl_r{
  color: #FFE232;
  margin-left: 23px;
}
.case_list li .prof .ttl_r .ttl{
  font-size: 1.06rem;
  line-height: 1.56;
}
.case_list li .prof .ttl_r span{
  padding-right: 1em;
}
.case_list li .prof .ttl_r span:last-child{
  padding-right: 0;
}
.case_list li .detail{
  background-color: #fff;
  padding: 20px 0 13px;
  margin: 0 15px;  
}
.case_list li .detail .d_table{
  border-bottom: 1px dashed #000;
  padding: 0 10px 12px;
}
.case_list li .detail dl dt{
  width: 7em;
  padding-right: 0.8em;
}
.case_list li .detail_txt{
  padding: 13px 10px 22px;
}
/*スライダー調整*/
.case_list .slick-prev,.case_list .slick-next{
  width: 23px;
  height: 36px;   
}
.case_list .slick-prev{
  left: 50%;
  margin-left: -55%;
}
.case_list .slick-next{
  right: 50%;
  margin-right: -55%;
}
.case_list .slick-prev::before{
  content: "";
  background: url("../img/common/slide_arw_prev.png") left center no-repeat;
  background-size: contain;
  width: 23px;
  height: 36px; 
  display: block;
}
.case_list .slick-next::before{
  content: "";
  background: url("../img/common/slide_arw_next.png") right center no-repeat;
  background-size: contain;
  width: 23px;
  height: 36px;
  display: block;
}
@media screen and (min-width: 901px){
  #case{
    padding: 80px 0;
  }
  #case .cont_ttl{
    margin-bottom: 40px;
    display: flex;
    align-items: center;
  }
  #case .cont_ttl .en{
    margin-right: 30px;
  }
  .case_list li .prof{
    padding: 20px 0;
  }

}
@media screen and (max-width: 900px){
  #case{
    padding: 2.5rem 0;
  }
  #case .cont_ttl{
    margin-bottom: 30px;
  }
  #case .cont_ttl span{
    display: block;
    width: 30%;
    margin: 0 auto;
  }
  #case .cont_ttl .en{
    margin-bottom: 10px;
  }
  #case .cont_ttl span img{
    width: 100%;
  }
  .case_list li .prof{
    padding: 15px 0;
  }
  .case_list li .prof .ttl_r .ttl{
    font-size: 1.0rem;
  }
  .case_list li .prof .ttl_r span{
    font-size: 0.86rem;
  }
}
@media screen and (max-width: 640px){
  #case .cont_ttl span{
    width: 50%;
  }
  .case_list li{
    max-width: 85%;
    margin: 0 25px;
  }
  .case_list li .detail{
    padding: 15px 0 13px;
    margin: 0 10px;
  }
  .case_list li .detail .d_table{
    padding: 0 5px 12px;
  }
  .case_list li .detail dl dt,
  .case_list li .detail dl dd{
    font-size: 0.8rem;
  }
  .case_list li .detail_txt{
    padding: 13px 5px 0;
    font-size: 0.8rem;
  }
  .case_list .slick-prev{
    margin-left: -52%;
  }
  .case_list .slick-next{
    margin-right: -53%;
  }
  .case_list .slick-prev,.case_list .slick-next{
    width: 15px;
    height: 28px;   
  }  
  .case_list .slick-prev::before{
    width: 15px;
    height: 28px; 
  }
  .case_list .slick-next::before{
    width: 15px;
    height: 28px;
  }  
}

/*　ラインナップ
-----------------------*/
.lineUpCont{
  background: url("../img/top/lineup_bg.jpg") center center no-repeat;
  background-size: cover;
}
.lineUpCont .lineupBox{
  background-color: #fff;
}
.lineUpCont .lineupBox .cont_ttl{
  text-align: center;
  margin-bottom: 23px;
}
.lineUpCont .lu_flex .lu_section .name{
  text-align: center;
}

@media screen and (min-width: 901px){
  .lineUpCont{
    padding: 80px 0;
  }
  .lineUpCont .lineupBox{
    padding: 50px 0 40px;
  }
  .lineUpCont .lu_flex{
    justify-content: center;
    margin-bottom: 35px;
  }
  .lineUpCont .lu_flex .lu_section{
    width: 43.637%;
  }
  .lineUpCont .lu_flex .lu_l{
    margin-right: 40px;
  }
  .lineUpCont .lu_flex .lu_section .img{
    margin-bottom: 20px;
  }
  .lineUpCont .lu_flex .lu_section .name{
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 900px){
  .lineUpCont{
    padding: 3.0rem 0;
  }
  .lineUpCont .lineupBox .cont_ttl{
    margin-bottom: 15px;
  }
  .lineUpCont .sub_tl{
    text-align: center;
    font-size: 1.33rem;
    margin-bottom: 30px;
  }
  .lineUpCont .lineupBox{
    padding: 30px 5%;
  }
  .lineUpCont .lu_flex{
    margin-bottom: 30px;
  }
  .lineUpCont .lu_flex .lu_section{
    width: 49%;
  }
  .lineUpCont .lu_flex .lu_l{
    margin-right: 2%;
  }
  .lineUpCont .lu_flex .lu_section .img{
    margin-bottom: 15px;
  }
  .lineUpCont .lu_flex .lu_section .img img{
    width: 100%;
  }
  .lineUpCont .lu_flex .lu_section .name{
    margin-bottom: 15px;
    width: 90%;
    margin: 0 auto 15px;  
  }
}
@media screen and (max-width: 640px){
  .lineUpCont .sub_tl{
    font-size: 0.93rem;
  }
  .lineUpCont .lu_flex{
    flex-direction: column;
  }
  .lineUpCont .lu_flex .lu_section{
    width: 95%;
    margin: 0 auto;
  }
  .lineUpCont .lu_flex .lu_l{
    margin-bottom: 35px;
  }
  .lineUpCont .lu_flex .lu_section .txt{
    font-size: 0.93rem;
  }
}

/*　建築実績
-----------------------*/
#works{
  background: url("../img/common/bg_noise03.png") 0 0 repeat;
}
.works_list ul{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#works .works_btn a{
  background-color: #fff;
}
#works .works_btn a:hover{
  background-color: #FFE232;
}
#works .works_btn a:hover::after{
  background: url("../img/common/btn_arw_bk.svg") right center no-repeat;
  background-size: contain;
}
#works .works_list ul .no-post{
  color: #fff;
}
.works_list ul li{
  background-color: #fff;
  display: flex;
}
.works_list ul li a{
  display: block;
  width: 100%;
}
.works_list ul li .txt_box{
  padding: 15px 5% 20px;
}
.works_list ul li .ctgr{
  color: #fff;
  background-color: #AA0000;
  display: inline-block;
  padding: 1px 7px;
  margin-bottom: 10px;
}
.works_list ul li .name{
  color: #076F9D;
  margin-bottom: 15px;
}

@media screen and (min-width: 901px){
  #works{
    padding: 80px 0;
  }
  #works .cont_ttl{
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    position: relative;
  }
  #works .cont_ttl::after{
    content: "";
    height: 5.5px;
    margin: 0 0 0 1em;
    flex-grow: 1;
    background: url( "../img/top/works_tl_line.svg") right center no-repeat;
  }
  #works .cont_ttl .en{
    margin-right: 37px;
  }
  .works_list{
    margin-bottom: 45px;
  }
  .works_list ul li{
    width: 24.091%;
    margin-right: 1.21%;
    margin-bottom: 20px;
  }
  .works_list ul li:nth-child(4n){
    margin-right: 0;
  }
  .works_list ul li:nth-last-child(-n+4){
    margin-bottom: 0;
  }
  
}
@media screen and (max-width: 900px){
  #works{
    padding: 3.0rem 0;
  }
  #works .cont_ttl{
    margin-bottom: 40px;
  }
  #works .cont_ttl span{
    display: block;
    text-align: center;
  }
  #works .cont_ttl .en{
    width: 50%;
    margin: 0 auto 5px;
  }
  .works_list{
    margin-bottom: 40px;
  }
  .works_list ul li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 15px;
  }
  .works_list ul li:nth-child(2n){
    margin-right: 0;
  }
  .works_list ul li:nth-last-child(-n+2){
    margin-bottom: 0;
  }
  .works_list ul li .thumb img{
    width: 100%;
  }
}
@media screen and (max-width: 640px){
  #works .cont_ttl{
    margin-bottom: 30px;
  }
  .works_list ul li .ctgr{
    font-size: 0.8rem;
    margin-bottom: 5px;
  }
  .works_list ul li .name{
    margin-bottom: 5px;
    font-size: 0.8rem;    
  }
  .works_list ul li .txt{
    font-size: 0.86rem;
  }
}

/*　ニュース・コラム
-----------------------*/
#newsColunm .ncWrap .cont .box{
  background-color: #fff;
}
#newsColunm .ncWrap .cont .box .ttl span{
  display: block;
  text-align: center;
}
#newsColunm .ncWrap .cont .box .ttl .en{
  width: 90%;
  margin: 0 auto 15px;
}
#newsColunm .ncWrap .cont .postList{
  width: 90%;
  margin: 0 auto 28px;
}
.postList li{
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 15px;
}
.postList li + li{
  margin-top: 15px;
}
.postList li .ctgr{
  color: #fff;
  background-color: #AA0000;
  padding: 1px 7px;
  margin-left: 1.0em;
  display: inline-block;
}
.postList li .tl{
  margin-top: 5px;
}
.postList li .tl a:hover{
  color: #B51616;
}
#newsColunm .ncWrap .cont .box p.no-post{
  text-align: center;
}
@media screen and (min-width: 901px){
  #newsColunm{
    background: url("../img/top/newsColumn_bg.jpg") center center no-repeat;
    background-size: cover;
    padding: 78px 0 98px;
  }
  #newsColunm .ncWrap{
    max-width: 1100px;
    width: 90%;
    margin: 0 auto;
    justify-content: space-between;
  }
  #newsColunm .ncWrap .cont{
    width: 48.183%;
    display: flex;
  }
  #newsColunm .ncWrap .cont .box{
    padding: 32px 0 37px;
    width: 100%;
    display: flex;
    flex-direction: column;  
  }
  #newsColunm .ncWrap .cont .box .ttl{
    margin-bottom: 37px;
  }
  #newsColunm .ncWrap .cont .box .btn{
    margin-top: auto;
  }
}
@media screen and (max-width: 900px){
  #newsColunm .ncWrap{
    flex-direction: column;
  }
  #newsColunm .cont{
    padding: 2.5rem 0;
  }
  #newsColunm .news{
    background: url("../img/top/news_bg_sp.jpg") center center no-repeat;
    background-size: cover;
  }
  #newsColunm .column{
    background: url("../img/top/column_bg_sp.jpg") center center no-repeat;
    background-size: cover;
    padding: 2.5rem 0 3.5rem;
  }
  #newsColunm .ncWrap .cont .box{
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
  }
  #newsColunm .ncWrap .cont .box .ttl{
    margin-bottom: 30px;
  }
  #newsColunm .ncWrap .cont .box .ttl .en{
    margin: 0 auto 10px;
  }
  
}
@media screen and (max-width: 640px){
  #newsColunm .ncWrap .cont .box .ttl .en{
    margin: 0 auto 13px;
  }
  #newsColunm .ncWrap .cont .box .ttl .ja{
    margin: 0 auto;
    display: flex;
  }
  #newsColunm .ncWrap .cont .box .ttl .ja img{
    width: 100%;
  }
  #newsColunm .ncWrap .news .box .ttl .ja{
    width: 15%;
  }
  #newsColunm .ncWrap .column .box .ttl .ja{
    width: 30%;    
  }
  .postList li .ctgr{
    font-size: 0.8rem;
  }
  .postList li .tl a{
    font-size: 0.93rem;
  }
}

/*　アークプランについて
-----------------------*/
#aboutUs .aboutWrap{
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}
#aboutUs .cont_ttl span{
  display: block;
  text-align: center;
}
#aboutUs .cont_ttl .en{
  margin-bottom: 20px;
}
#aboutUs .aboutBox{
  background-color: #fff;
  border: 2px solid #000000;
}
#aboutUs .aboutBox .about_btn a{
  background-color: #FFE232;
}
#aboutUs .aboutBox .about_btn a:hover{
  background-color: #AA0000;
  color: #fff;
}
#aboutUs .aboutBox .gmap{
  position: relative;
  height: 0;
  overflow: hidden;
}
#aboutUs .aboutBox .gmap iframe{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;  
}
@media screen and (min-width: 901px){
  #aboutUs{
    padding: 70px 0 80px;
  }
  #aboutUs .cont_ttl{
    margin-bottom: 35px;
  }
  #aboutUs .aboutBox{
    padding: 32px 40px;
  }
  #aboutUs .aboutBox .gmap{
    max-width: 650px;
    width: 100%;
    padding-bottom: 300px;
  }
  #aboutUs .aboutBox .intro_l{
    margin-right: 36px;
    width: 230px;
  }
  #aboutUs .aboutBox h3{
    margin-bottom: 15px;
  }
  #aboutUs .aboutBox .about_btn{
    margin-top: 100px;
    width: 100%;
  }
}
@media screen and (max-width: 900px){
  #aboutUs{
    padding: 4.0rem 0;
  }
  #aboutUs .cont_ttl{
    margin-bottom: 30px;
  }
  #aboutUs .cont_ttl .en{
    width: 60%;
    margin: 0 auto 10px;
  }
  #aboutUs .aboutBox{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 5%;
  }
  #aboutUs .aboutBox .gmap{
    width: 100%;
    padding-bottom: 60%;
    margin-bottom: 30px;
  }
  #aboutUs .aboutBox h3{
    font-size: 1.2rem;
    margin-bottom: 25px;
  }
  #aboutUs .aboutBox .intro_l .txt{
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 640px){
  #aboutUs .cont_ttl .en{
    margin: 0 auto;
  }
  #aboutUs .cont_ttl .ja{
    width: 40%;
    margin: 0 auto;
  }
  #aboutUs .aboutBox h3{
    margin-bottom: 10px;
    font-size: 1.13rem;
  }
  #aboutUs .aboutBox .intro_l .txt{
    margin-bottom: 25px;
    font-size: 0.93rem;
  }
}