@charset "UTF-8";
/* -------------------------------------------------- */
/* file   : 100album.css                                  */
/* update : 2020                                      */
/* -------------------------------------------------- */
#album .h1_wrap_bg {
  background: url("/100album/img/mv.jpg") no-repeat bottom center/cover;
}

#album .h1_wrap_bg .h1_text {
  width: 75%;
}

#album .h1_wrap_bg .h1_sub span {
  display: block;
}

#album .sec_wrap {
  padding: 25px 20px 45px;
}

#album article {
  border-bottom: solid 5px #e9edf1;
	padding-bottom: 100px;
}
.album_box{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
	justify-content: space-between;
}

.album_content{
	width: 47%;
	position: relative;
}
.album_content > a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.album_content .album_text01 {
    position: absolute;
	width: 100%;
    bottom: 80px;
    z-index: 10;
}

.album_content p.soon{
	color: rgba(0, 0, 0, 0.3);
	font-size: 18px;
	font-weight: 600;
	font-family: 'Lusitana', serif;
	padding: 10px;
}

.contact_h2 {
  color: #2f5080;
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  margin-bottom: 15px;
}

.contact_h2 span{
	color: rgba(0, 0, 0, 0.4);
	font-size: 18px;
}

.contact_box {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 10px #e6ecf0;
  margin-bottom: 50px;
  padding: 35px;
}

.contact_to {
  font-size: 25px;
  margin-bottom: 25px;
}

.contact_to .bold {
  font-size: 25px;
}

.contact_address,
.contact_fax {
  font-size: 16px;
}

.contact_tel {
  font-size: 32px;
  color: #2f5080;
	margin-bottom: 20px;
}

.contact_tel span {
  font-size: 20px;
}

.contact_wrap {
  max-width: 720px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}

ul.album_list{
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
	justify-content: space-between;
}

ul.album_list li{
	width: 44%;
	margin: 0 3% 20px;
	text-align: center;
}

ul.album_list li.cal3{
	width: 30%;
	margin: 0 1.5% 20px;
	text-align: center;
}

ul.album_list li.cal3_01{
	width: 19.5%;
	margin: 0 3% 20px;
	text-align: center;
}

ul.album_list li.cal3_02{
	width: 44%;
	margin: 0 1.5% 20px;
	text-align: center;
}

ul.album_list li:last-child{
	width: 100%;
}

ul.album_list li img{
	width: 100%;	
}

ul.album_list li img.vertical{
	width: 44.7%;	
}

ul.album_list li img.vertical_cal3{
	width: 75%;	
}

/*----------------------------------------------------------*/
/* pc設定以上の横幅用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 1400px) {
  /* pc */
  .catchphrase {
    font-size: 50px;
  }
  /*---------------------------------------------------------*/
}

/*----------------------------------------------------------*/
/* pcホバー用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 560px) {
  /* pc */
  /*---------------------------------------------------------*/
}

/*----------------------------------------------------------*/
/* tablet用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 959px) {
  /* tablet */
  /* -------------------tablet END------------------------- */
}

/*----------------------------------------------------------*/
/* SP用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 559px) {
  /* sp */
  #album .h1_wrap_bg .h1_text {
    width: 100%;
  }
  #album .h1_wrap_bg .h1_sub span {
    display: inline-block;
  }
  #album .sec_wrap {
    padding: 0px 20px 25px;
  }
	
#album article {
	padding-bottom: 50px;
}
  .contact_h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .contact_to {
    font-size: 18px;
  }
  .contact_to .bold {
    font-size: 18px;
  }
  .contact_address, .contact_fax {
    font-size: 15px;
  }
  .contact_tel {
    font-size: 22px;
  }
  .contact_tel span {
    font-size: 16px;
    display: block;
  }
  .contact_box {
    padding: 18px;
    margin-bottom: 25px;
  }

.album_box{
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
	justify-content: space-between;
}

.album_content{
	width: 100%;
}	

.album_content .album_text01 {
	bottom: 60px;
}	
	
ul.album_list{
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
	justify-content: space-between;
}

ul.album_list li,ul.album_list li.cal3,ul.album_list li.cal3_01,ul.album_list li.cal3_02{
	width: 100%;
	margin: 0 0 20px;
}	

ul.album_list li img.vertical, ul.album_list li img.vertical_cal3, ul.album_list li img.vertical_cal3_l{
	width: 45%;
}		
	
  /*----------------------------------------------------------*/
}