@charset "UTF-8";

@media screen and (max-width: 1201px) {
  .colum3_txt {
    /* top:0; */
    height:185px;
    /* padding-bottom:30%; */
  }
}

/* ■■ width940 ■■ */
@media screen and (max-width: 901px) {

/*--------------------------------------------------------
定数
--------------------------------------------------------*/

.visible900{
  display: block;
  margin:auto;
  }
.hidden900{
  display: none;
  }

.sp_l {
  text-align:left;
}


/*--------------------------------------------------------
サイト毎に変化のある定数
--------------------------------------------------------*/
.contents{
  width: 100%;
}

.img_center {
  margin-left:0px;
}

/* body {
	min-width: 100%;
} */

/*画像関係*/
img {
	width:100%;
	max-width: 100%;
	height: auto;
}

.img_logo {
  width:50%;
}
.img_logo2 {
  width:11.33333333333333%;
  min-width:70px;
}

.img_about_us_logo {
  width:44.44444444444444%;
}
.img_about_us {
  width:44.44444444444444%;
}

.img_privacy_logo {
  width:44.44444444444444%;
}


/*--------------------------------------------------------
各種レイアウト
--------------------------------------------------------*/
.img_as_02 {
  width:100%;
}

.cover {
    background: url(../img/as_01_sp.png) no-repeat;
    /* background-size: contain; */
    background-size: cover;
    background-position: top center;
    /* background-size: 100%; */
    /* background-size: 100%; */
    /* width: 100%; */
    /* height: auto; */
    min-height: 50vh;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}

.philosophy {
  background: url("../img/as_03_04_sp.png") no-repeat;
  background-size: 100%;
  width:100%;
  max-width:1920px;
  height: auto;
  /* min-height: 100vh; */
  max-height:100%;
  display:block;
}
.colum3 {
  position:relative;
}
.colum3_txt {
  height:auto;
}
.container {
  flex-wrap:wrap;
  padding-top:10%;
}
.container .item:nth-child(2)
,.container .item:nth-child(3) {
  margin-left:0;
}
.container .item {
  width:85%;
  padding-bottom:20%;
}


.philosophy_after {
  padding-top:0%;
}



.privacy_cover {
  /*参考：https://qiita.com/omatsu/items/d90a4aca1ecd93eef679*/
  background-image: url("../img/as_p1_sp.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.privacy_top {
  padding-top: 29%;
}
.privacy_bottom {
  padding-top: 26%;
}


/*--------------------------------------------------------
//各種レイアウト
--------------------------------------------------------*/
.bg_law_01 {
  background: url("../img/db_p_bg_sp.png") repeat;
  background-size: 100%;
}





}


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

  .visible600{
    display: block;
    margin:auto;
  }
  .hidden600{
    display: none;
  }

  .img_about_us {
    width: 65%;
    max-width: 400px;
  }

  .btn-flat-border {
    padding: 0.6em;
    width:170px;
  }
  .btn-flat-border_back {
    width:150px;
  }



  .privacy_txt dt {
    margin-top:6%;
  }
  .privacy_txt dd p {
    margin-left:4%;
  }
  .number_list {
    margin-left:4%;
  }
  .number_list li {
    margin-top:4%;
  }
  .number_list p {
    margin-left:4%;
  }



}

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

  .visible500{
    display: block;
    margin:auto;
  }
  .hidden500{
    display: none;
  }

  #law {
    font-size:1.0em;
  }
  #law h3 {
    font-size:1.1em;
  }

  .container .item {
    padding-bottom:10%;
  }
  .philosophy_after {
    padding-top:10%;
  }



}

@media screen and (max-width: 401px) {
  .visible500{
    display: block;
    margin:auto;
  }
  .hidden500{
    display: none;
  }


}

@media screen and (max-width: 321px) {
  .visible320{
    display: block;
    margin:auto;
  }
  .hidden320{
    display: none;
  }


}