@charset "UTF-8";
main {
  padding: 0 0 60px;
  /*  background: #000 url(../imgs/bg.png) no-repeat bottom left / auto auto;*/
}
.container1200 {
  max-width: 1200px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
#hero {
  background: url(../imgs/mv.jpg) no-repeat center center / cover;
  height: 50vh;
	  margin-bottom: 80px;
}
/* MEDIA */
@media screen and (max-width: 768px) {
  main {
    background: #000;
  }
  #hero {
    background: url(../imgs/mv-sp.jpg) no-repeat center center / cover;
  }
  .contentBg {
    background: #000 url(../imgs/bg_white.jpg) no-repeat top right / auto auto;
  }
}
.titComfort{text-align: center;font-size: 30px; margin-bottom: 80px;}

.comfortWrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.comfortWrap .item{width: 48%; border:1px solid #999; padding: 40px; margin-bottom: 30px;}
.comfortWrap .item.item100{width: 100%;}
.comfortWrap .item .itemTit{font-size: 22px; border-bottom: 1px solid #999;padding-bottom: 10px;margin-bottom: 20px;}
.comfortWrap .item p{margin-bottom: 20px;}
.comfortWrap .item .caption{display: block; color:white; }
.comfortWrap .item figure{position: relative}
.comfortWrap .item figure img{width: 100%;}
.comfortWrap .item figure figcaption{position: absolute; font-size: 10px; bottom: 5px; right:5px;text-shadow:black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px, black -1px -1px 10px;}
.comfortWrap .item .itemFlex{display: flex; justify-content: space-between; flex-wrap: wrap;}
.comfortWrap .item .itemFlex p{width: 50%;}
.comfortWrap .item .itemFlex > .imgBox{width: 48%;}
.comfortWrap .item.item100 .itemFlex.flex7-3 .imgBox{width: 40%;}
.comfortWrap .item.item100 .itemFlex.flex7-3 p{width: 57%;}
.comfortWrap .item .itemFlex.flex7-3 p{width: 70%;}
.comfortWrap .item .itemFlex.flex7-3 .imgBox{width: 28%;}
.comfortWrap .item .itemFlex .imgFlex{display: flex; justify-content: space-between;}
.comfortWrap .item .itemFlex .imgFlex figure:first-of-type{margin-right: 10px;}

.freeIdLink{color: white;text-decoration: underline}

@media screen and (max-width: 768px) {
	.titComfort{font-size: 5.3vw;line-height: 1.5;margin-bottom: 40px;}
	.comfortWrap .item .itemTit{font-size: 4vw;line-height: 1.5;}
	.comfortWrap .item .itemTxt{font-size: 3.2vw; line-height: 1.6;}
	.comfortWrap .item{width: 100%;}	
.comfortWrap .item .itemFlex p{width: 100%;}
.comfortWrap .item .itemFlex > .imgBox{width: 100%;}
.comfortWrap .item.item100 .itemFlex.flex7-3 p{width: 100%;}
.comfortWrap .item.item100 .itemFlex.flex7-3 .imgBox{width: 100%;}
.comfortWrap .item .itemFlex.flex7-3 p{width: 60%;}
.comfortWrap .item .itemFlex.flex7-3 .imgBox{width: 38%;}

}