@charset "UTF-8";
/* CSS Document */

  .main {
  background-color: #fff7eb;
}
@media(min-width:480px) {
  .main {
  padding-bottom: 100px;
}
  .brsp{
    display: none;
  }
}
@media(max-width:480px) {
  .main {
  padding-bottom: 50px;
}
}
/* Title----------- ------*/
.section-work1{
  max-width: 1240px;
  margin:0 auto;
  padding-bottom: 40px;
}
.titlewrap p{
  font-family: 'Oswald', sans-serif;
  letter-spacing: 0.025rem;
}
.subtitle{
  text-align: left;
  color:#ff8929;
}
.titlewrap h2{
  font-family: "Noto Sans JP", sans-serif;
}
.topphoto{
  padding-bottom: 140px;
    width: 100%;
}
.topread{
  margin: 0 auto;
  max-width: 1040px;
}
.topread h2{
  color:#ff8929;
  font-family: "Noto Sans JP", sans-serif;
}
.topread p{
  text-align: left;
  font-family: "Arial",'Noto Sans JP', sans-serif;
}
@media(max-width:480px) {
    .section-work1{
          margin: 0 auto;
  }
.titlewrap p{
  font-size: 1.2rem;
  letter-spacing: 0.025rem;
  text-align: left;
}
  .url{
    padding-bottom: 30px;
  }
      .titlewrap h2{
  font-size: 2.0rem;
  padding-bottom: 45px;
      text-align: left;
        letter-spacing: -0.05rem;
}
  .subtitle{
  padding:110px 0 5px;
}
      .topread h2{
  padding-bottom: 35px;
  font-size: 1.8rem;
        letter-spacing: 0.075rem;
        line-height: 28px;
}
      .topread p{
  padding-bottom: 60px;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075rem;
}
}
@media(min-width:480px) {
    .titlewrap h2{
  font-size: 4.2rem;
  padding-bottom: 50px;
  letter-spacing: 0.025rem;
      text-align: left;
}
    .subtitle{
  padding:40px 0 15px;
}
    .topread h2{
  padding-bottom: 60px;
  font-size: 3.8rem;
  line-height: 4.2rem;
}
    .topread p{
  padding-bottom: 140px;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}
    .url{
    padding-bottom: 30px;
  }
}

@media(max-width:1040px) {
.topphoto{
  padding-bottom: 50px;
}
  .titlewrap p{
    text-align: left;
  }
  .section-work1{
    max-width: 84%;
  }
  }
@media(min-width:1040px) {
  .titlewrap{
  display:flex;
}
  .url{
  padding:50px 0 0 420px;
  text-align: right;
}
    .topread h2 br{
 display: none;
}
    .section-work1{
  padding-bottom: 60px;
}
  .topread p br{
    display: none;
  }
        .titlewrap h2 br{
        display: none;
  }
}
/*contentlist--------------*/
.contentlist li h3{
  text-align: left;
  font-weight:bold;
  color:#ff8929;
  font-family: "Noto Sans JP", sans-serif;
}
.contentlist li p{
  text-align: left;
  font-weight: 600;
  font-family: "Arial",'Noto Sans JP', sans-serif;
}
.contentlist{
  max-width: 1040px;
  margin:0 auto;
}
@media(max-width:1040px) {
  .contentlist li{
    list-style: none;
    padding-bottom: 40px;
  }
}


@media(min-width:1040px) {
  .contentlist li{
  display: flex;
  padding-bottom: 80px;
}
      .contentlist li p{
  width:77.7%;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.075rem;
}
      .contentlist li h3{
  width: 22.3%;
  font-size: 2.8rem;
  padding-bottom: 25px;
}
}

@media(max-width:480px) {
      .contentlist li h3{
  font-size: 1.8rem;
      padding-bottom: 25px;
        letter-spacing: 0.075rem;
}
      .contentlist li p{
  font-size: 1.4rem;
  line-height: 2.1rem;
  letter-spacing: 0.075rem;
}
}
@media(min-width:480px) {
    .contentlist li p{
  width:100%;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.075rem;
}
      .contentlist li h3{
  font-size: 2.8rem;
  padding-bottom: 25px;
}
}


/* 制作した写真----------- ------*/
.section-workpc-sp{
  background-color: #FFFFFF;
}
@media(max-width:1040px) {
  .workpc{
    max-width: 84%;
  width: 100%;
    height: 100%;
}
.worksp{
  width:100%;
}
    .picturetitle{
    display:none;
  }
      .bannertitle{
    display:none;
  }
  .worknoneflex{
    max-width:84%;
    margin:0 auto;
    display: flex;
    padding-bottom: 80px;
  }
    .worknoneflex img{
      width:auto;
  }
  .worksp1{
    padding-right: 15px;
    height:1470px;
  }
  .workflex{
    max-width: 84%;
  }
}
@media(min-width:1040px) {
  .picturetitlesp{
    display:none;
  }
      .workflex{
  max-width: 1040px;
}
}
@media(max-width:480px) {
    .workpc{
    max-width: 315px;
  width: 100%;
    height: 100%;
    margin: 60px 0px 40px;
      border: solid 1px #333333;
}
    .worksp{
    display: none;
  }
    .worknoneflex{
    max-width:315px;
  }
      .workflex{
    max-width:100%;
  }
}
@media(min-width:480px) {
    .workflex{
   margin:0 auto;
  padding:140px 0;
}
    .workpc{
  height: 100%;
  width:100%;
  border: solid 1px #333333;
}
.worksp{
  height: 100%;
  width:28%;
}
    .worknoneflex{
    display: none;
  }
}


/* 9photo----------- ------*/
.section-others{
  max-width: 1240px;
  margin:0 auto;
}
.picturetitle{
  margin:140px;
}
.bannertitle{
  margin:40px 0px 140px;;
}

.item {
  width: 580px;
}
.item_content p{
  margin:4px 0 0 20px;
  font-weight: 600;
  font-family: "Arial",'Noto Sans JP', sans-serif;
  color:#333333;
}
@media(max-width:1040px) {
  .picture-wrap{
  max-width:84%;
    margin: 0 auto;
}
  .item_content{
    text-align: left;
  }
  .item_content p{
    margin: 0 0 30px 0;
    font-size: 1.4rem;
    letter-spacing: -0.05rem;
}
}
@media(min-width:1040px) {
  .item_content{
  display:flex;
  padding-top:10px;
}
    .picture-wrap{
  flex-wrap: wrap;
  gap: 80px;
}
  .item{
    padding-bottom: 80px;
  }
}

@media(max-width:480px) {
.picturetitlesp{
  margin:50px auto 30px;
}
}
@media(min-width:480px) {
.picturetitlesp{
  margin:100px auto;
  height: 160px;
}
  .picture-wrap{
  display: flex;
  }
  .picture-wrap{
  flex-wrap: wrap;
  gap:6%;
}
}

@media not all and (min-width: 1040px) {
  .item {
    width:47%;
  }
}

@media not all and (min-width:480px) {
  .item {
    width: 100%;
  }
}