@charset "UTF-8";
/* 下層ページのタイトルcss *************************************************************** */
.mincyou_title{font-family: serif; font-size: 2.2em;font-weight: normal;margin-bottom: 1em;}
.page-ttl {
  display: flex;
  align-items: flex-start;
  color: #30343c;
}

.page-ttl__line ,.page-ttl__line_02 {
  width: 10px;
  height: 90px;
  margin-left: 30px;
  margin-right: 22px;
  background: #a9d1dc;
  transform: skewX(-20deg);
  transform-origin: top;
}

.page-ttl__en {
  margin: 0.5em 0 8px;
  font-size: 1.3em;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: normal;

}
.page-ttl__en span{display: inline-block;background-color: #e4949f;color:#ffffff;font-size: 0.8em;padding: 0.2em 0.6em;margin-right: 1em;}
.page-ttl__jp {
  margin: 0;
  font-size: 2.2em;
  line-height: 1.15;
  letter-spacing: 0.0em;
  font-weight: normal;
}
@media (max-width: 640px) {
.mincyou_title{font-size: 1.4em;}
.page-ttl__line {
  width: 6px;
  height: 65px;
  margin-right: 10px;}
.page-ttl__line_02 {
  width: 6px;
  height: 90px;
  margin-right: 10px;
}
.page-ttl__en {margin: 0.6em 0 8px;font-size: 1.0em;}
	.page-ttl__jp {font-size: 1.6em;letter-spacing: 0em;}}


/* flexbox フレックスボックス */
/* flexbox フレックスボックス */
.flexbox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	}
.flexbox::after{
  content:"";
  display: block;
  width:30%;
}
.flexbox a{color:#000000;}
.box-item03 img,.box-item04 img,.box-item02 img{width: 100%;}
.box-item03{width: 31%;display: inline-block;margin:1% 0 0;height: auto;}
.box-item04{width: 20%;display: inline-block;margin:1% 0 0;height: auto;}
.box-item02{width: 50%;display: inline-block;margin:0;height: 440px;}
.bk-img {
  width: 100%;
  height: 220px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image:url("../img/no_image.svg");
}

.date_box{position: relative;top:0px;left: -5px; display:inline-block;background-color:#000000;color:#ffffff;padding:0.2em 0.6em;margin-top: -10px;}

.bg_white{background-color: #ffffff;}
.bg_gray{background-color: #E7E6E5;}
.bg_usui_gray{background-color: #EBEBEC;}

@media screen and (max-width:640px) {
.box-item03{width: 48%;display: inline-block;margin:1% 0 0;height: auto;}
.bk-img {
  width: 100%;
  height: 170px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image:url("../img/no_image.svg");
}
}
/* flexbox フレックスボックス */
/* flexbox フレックスボックス */
.works_contens img,.works_contens p{margin-bottom: 2em;}
.works_contens p{line-height: 1.8em;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/