html {
}
body {
  overflow-x:hidden;
  font-size:1em;
  font-size: 16px;
  line-height:1.5;
  font-family: 'Hiragino Kaku Gothic Pro',
    'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo,  'ＭＳ Ｐゴシック', Arial, Verdana, sans-serif;
}

/* input,select,textarea{
  font-family: メイリオ, Meiryo, 'Hiragino Kaku Gothic Pro',
 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Arial, Verdana, sans-serif;
} */

body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dd,dt{margin:0;padding:0px;}

li {
  list-style: none;
  margin: 0;
  padding: 0;
}


a {text-decoration: none; color:#7D7D7D;}
a:hover {text-decoration: none;}
/*a img:hover { opacity: 0.9; -moz-opacity: 0.9;}*/
a img {
  border-style:none;
}

/* img {
  vertical-align: bottom;
  line-height:0!important;
  display:block;
} */

/* button{
  background-color: transparent;
  border: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
button:focus,
input:focus,
select:focus{
  outline: none;
}
button:hover{
  cursor:pointer
} */

/*--------------------------------------------------------
サイト毎に変化のある定数
--------------------------------------------------------*/

.fullscreen {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.contents {
  width: 900px;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}
.contents1800 {
  width: 100%;
  max-width: 1800px;
  margin-right: auto;
  margin-left: auto;
}

.img_center {
  margin-left:-450px;
}

.text {
  font-size: 1rem;
  line-height:1.6;
}

.text p {
  padding-bottom: 1em;
  line-height: 1.8;
}

.back_white {background-color:#fff;}
.back_white_clear {background-color:rgba(255,255,255,0.7);}
.back_black {background-color:#1a1a1a;}
.back_clear {background-color: transparent;}

.white {color:#FFF;}
.black {color:#000;}
.red {color:#FF0000;}



/*--------------------------------------------------------
定数
--------------------------------------------------------*/
.c {text-align:center!important;}
.cm {
  margin-left: auto;
  margin-right: auto;
}
.r {text-align:right!important;}
.l {text-align:left!important;}

.b{font-weight: bold;}

.margin800 {margin-top:80%;}
.margin700 {margin-top:70%;}
.margin600 {margin-top:60%;}
.margin500 {margin-top:50%;}
.margin400 {margin-top:40%;}
.margin350 {margin-top:30.5%;}
.margin300 {margin-top:30%;}
.margin200 {margin-top:20%;}
.margin150 {margin-top:15%;}
.margin100 {margin-top:10%;}
.margin90 {margin-top:9%;}
.margin80 {margin-top:8%;}
.margin75 {margin-top:7.5%;}
.margin70 {margin-top:7%;}
.margin60 {margin-top:6%;}
.margin50 {margin-top:5%;}
.margin40 {margin-top:4%;}
.margin35 {margin-top:3.5%;}
.margin30 {margin-top:3%;}
.margin25 {margin-top:2.5%;}
.margin20 {margin-top:2%;}
.margin10 {margin-top:1%;}
.padding300 {padding-top:30%;}
.padding250 {padding-top:25%;}
.padding200 {padding-top:20%;}
.padding150 {padding-top:15%;}
.padding100 {padding-top:10%;}
.padding90 {padding-top:9%;}
.padding80 {padding-top:8%;}
.padding70 {padding-top:7%;}
.padding60 {padding-top:6%;}
.padding50 {padding-top:5%;}
.padding40 {padding-top:4%;}
.padding30 {padding-top:3%;}
.padding25 {padding-top:2.5%;}
.padding20 {padding-top:2%;}
.padding10 {padding-top:1%;}

.visible1800{display: none;}
.visible900{display: none;}
.visible750{display: none;}
.visible600{display: none;}
.visible500{display: none;}
.visible400{display: none;}
.visible320{display: none;}



/* clearfix */
/* .clearfix:after{
  content: "";
  clear: both;
  display: block;
} */


/*重なりの優先度*/
.relative {position:relative;}
.absolute {position:absolute;}

.z-1{ z-index: -1; }
.z0{ z-index: 0; }
.z1{ z-index: 1; }
.z2{ z-index: 2; }
.z3{ z-index: 3; }
.z4{ z-index: 4; }
.z5{ z-index: 5; }
.z6{ z-index: 6; }
.z7{ z-index: 7; }
.z8{ z-index: 8; }
.z9{ z-index: 9; }
.z10{ z-index: 10; }
.z20{ z-index: 20; }
.z30{ z-index: 30; }
.z40{ z-index: 40; }
.z50{ z-index: 50; }
.z99{ z-index: 9999; }



/*横幅*/
.w100 {width:100%;}
.w90 {width:90%;}
.w80 {width:80%;}
.w70 {width:70%;}
.w60 {width:60%;}
.w50 {width:50%;}
.w40 {width:40%;}
.w30 {width:30%;}
.w25 {width:25%;}
.w20 {width:20%;}
.w10 {width:10%;}


.img_w90 {width: auto;max-width: 90%;}
.img_w80 {width: auto;max-width: 80%;}




/*--------------------------------------------------------
定数 ※個別設定
--------------------------------------------------------*/









/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
footer {
  position:relative;
  z-index:2;
  text-align:center;
  background-color: #FFA936;
  color: #fff;
}
.copyright{
  padding: 30px 25px 10px;
}
.copyright,
.copyright a{
  font-size: 14px;
  color: #fff;
}
.copyright a:hover{
  text-decoration: underline;
}


/*--------------------------------------------------------
各種レイアウト
--------------------------------------------------------*/
.img_as_02 {
  max-width:900px;
  /* width:56.9620253164557%; */
  /* width:64%; */
  width:56%;
}
.img_logo2 {
  padding-bottom:30px;
}


.cover {
  /*参考：https://qiita.com/omatsu/items/d90a4aca1ecd93eef679*/
  background: url("../img/as_01.png") no-repeat;
  /* background-size: contain; */
  background-size: cover;
  background-position: center;
  /* background-size: 100%; */
  /* background-size:100%; */
  /* width:100%;
  height:auto; */
  width:100%;
  height: auto;
  min-height: 100vh;


  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
}

.philosophy {
  /*参考：https://qiita.com/omatsu/items/d90a4aca1ecd93eef679*/
  background: url("../img/as_03.png") no-repeat;
  /* background-size: contain; */
  background-size: cover;
  background-position: top center;
  /* background-size: 100%; */
  /* background-size:100%; */
  /* width:100%;
  height:auto; */
  width:100%;
  max-width:1920px;
  height: 55vw;
  /* min-height: 100vh; */
  max-height:968.5333333333336px;



}
.philosophy_after {

  /* background-size: contain; */
  /* background-size: cover;
  background-position: center; */
  /* background-size: 100%; */
  /* background-size:100%; */
  /* width:100%;
  height:auto; */
  width:100%;
  /* height: 10vw; */
  /* min-height: 30vh; */
  padding-top:150px;
  padding-bottom:30px;
}


.container {
  display:flex;
  justify-content:center;
}
.container img {
  width:100%;
}
.container .item {
    width:25%;
}
.item {
  /* flex-basis:100%; */

}
.colum3 {
  /* bottom:-7%; */
  position:absolute;
  top:43%;
}
.colum3_txt {
  /* top:0; */
  height:150px;
  /* padding-bottom:30%; */
}
.colum3_txt p {
  padding:5%;
  font-size:0.8rem;
  color:#231815;
}
.colum3_img_title {
  top:0;
}
.colum3_img_title2 {
  top:0;
  margin-left:-10%;
}
.colum3_img_title3 {
  top:0;
}

.container .item:nth-child(2)
,.container .item:nth-child(3) {
  margin-left:4%;
}




.btn-flat-border {
  display: inline-block;
  padding: 1em 1em;
  text-decoration: none;
  color: #1a1a1a;
  border: solid 1px #1a1a1a;
  border-radius: 3px;
  transition: .4s;
  width:180px;
}
.btn-flat-border:hover {
  background: #c30d23;
  color: white;
}






.about_us_cover {
  /*参考：https://qiita.com/omatsu/items/d90a4aca1ecd93eef679*/
  background: url("../img/as_05.png") no-repeat;
  /* background-size: contain; */
  background-size: cover;
  background-position: top center;
  /* background-size: 100%; */
  /* background-size:100%; */
  /* width:100%;
  height:auto; */
  width:100%;
  height: auto;
  min-height: 100vh;


  display: flex;
  /* flex-direction: column; */
  flex-wrap: wrap;
  /* justify-content: center; */
  align-items: flex-end;
}
.about_us_cover_top {
  top:11%;
}
.about_us_cover_bottom {
  bottom:0;
}




.privacy_cover {
  /*参考：https://qiita.com/omatsu/items/d90a4aca1ecd93eef679*/
  background: url("../img/as_p1.png") no-repeat;
  /* background-size: contain; */
  background-size: contain;
  background-position: top center;

  /* width:100%;
  height:auto; */
  /* width:100%; */
  /* height: auto; */
  /* min-height: 100vh; */
  /* max-height:1550px; */


  /* display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end; */
}
.privacy_bg {
  background-color: #F2F2F2;
}
.privacy_top {
  padding-top:13%;
}
.img_privacy_logo {
  /* width:22%;
  max-width:900px; */
}
.privacy_bottom {
  padding-top:15%;
}

.privacy_txt {
  padding:5%;
  color:#1a1a1a;
}
.privacy_txt h4 {
  padding-top:20px;
}
.privacy_txt dl {

}
.privacy_txt dt {
  margin-top:4%;
  font-weight:bold;
}
.privacy_txt dd p {
  margin-left:2%;
}
.number_list {
  list-style-type: decimal-leading-zero;
  margin-left:2%;
  padding: 0;
}
.number_list li {
  margin-top:2%;
}
.number_list p {
  margin-left:2%;
}


/*--------------------------------------------------------
//各種レイアウト
--------------------------------------------------------*/


/*--------------------------------------------------------
//サンキュー用レイアウト
--------------------------------------------------------*/



/*--------------------------------------------------------
//特定商用レイアウト
--------------------------------------------------------*/


/*--------------------------------------------------------
//IE用
--------------------------------------------------------*/
@media all and (-ms-high-contrast:none) {
  /* #wrapper {
    display: flex;
  } */
  .cover p {
    display: table-cell;
    min-height: 800px;
    vertical-align: middle;
  }
}
