* {
  margin:0; padding:0;
}
body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
/* ------------------------------------- */
/* 共通部ヘッダー */
header{
    max-width: 900px;
    margin:auto;
}
.header_upper{
  display: flex;
    max-width: 900px;
    margin-top: 20px;
    align-items: baseline;
        justify-content: space-between;
}
/* ヘッダー左 */
.logo_s{
  width: 145px;
}
/* ヘッダーメニュー */
.header_menu{
  list-style: none;
  display: flex;
    align-items: baseline;
}
.header_menu > li{
    padding: 0px 0px 0px 30px;
}
.header_menu > li > a{
  text-decoration: none; /* 下線の削除 */
  color: black;
    font-size: 15px;
    font-family: sans-serif;
}
/* ------------------------------------- */
/* homeヘッダー */
.header_home img{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}
/* ------------------------------------- */
/* ------------------------------------- */

/* ------------------------------------- */
/* home ヘッダー画像遷移 */
/* ------------------------------------- */
.box {
position   : relative;
max-width  : 900px;
height     : 550px;
margin     : auto;
overflow   : hidden;
    margin-bottom: 20px;
}

/* --- 背景の指定 ------------------------------------------- */
.box .bgImg {
position   : absolute;
top        : 0;
left       : 0;
bottom     : 0;
right      : 0;
opacity    : 0;
animation  : bgAnime 12s infinite;   /* 4画像 × 各5s = 20s */
}

/* --- 段差で背景画像のアニメーションを実行 ----------------- */
.box .src1 {
background-image : url(img/top_img01.jpg);   /* 背景の画像を指定 */
    background-size: 100%;
    background-repeat: no-repeat;
	background-position: center top;
}
.box .src2 {
background-image : url(img/top_img02.jpg);   /* 背景の画像を指定 */
    background-size: 100%;
    background-repeat: no-repeat;
	background-position: center top;
animation-delay  : 3s;
}
.box .src3 {
background-image : url(img/top_img03.jpg);   /* 背景の画像を指定 */
    background-size: 100%;
    background-repeat: no-repeat;
	background-position: center top;
animation-delay  : 6s;
}
.box .src4 {
background-image : url(img/top_img04.jpg);   /* 背景の画像を指定 */
    background-size: 100%;
    background-repeat: no-repeat;
	background-position: center top;
animation-delay  : 9s;
}

@keyframes bgAnime {
0% { opacity: 0; }
5% { opacity: 0; }
25% { opacity: 1; }
30% { opacity: 1; }
40% { opacity: 0; }    
100% { opacity: 0; }
}
/* ------------------------------------- */
/* 以上トップページの画像アニメーション指定 */
/* ------------------------------------- */



/* ------------------------------------- */
/* ------------------------------------- */
/* aboutヘッダー */
.header_about{
   max-width: 900px;
 text-align: center;
}
.header_about img{
    width: 100%;
    justify-content: center;
}
/* ------------------------------------- */
/* upcycleヘッダー */
.header_upcycle{
   max-width: 900px;
 text-align: center;
}
.header_upcycle img{
    height: 277px;
    justify-content: center;
    margin-top: 10px;
}
.relative {
    position: relative;
    width: 900px;
}
.absolute {
    position: absolute;
    bottom: 10px;
    color: white;
    width: 100%;
    max-width: 900px;
}
.absolute p {
    margin: 0;
    font-size: 40px;;
    font-family: serif;
    text-align: center;
}
/* ------------------------------------- */
/* ------------------------------------- */
/* homeヘッダー */
.header_news{
   max-width: 900px;
 text-align: center;
}
.header_news img{
    width: 100%;
    justify-content: center;
}
/* ------------------------------------- */
/* ------------------------------------- */
/* pastヘッダー */
.header_past{
   max-width: 900px;
 text-align: center;
}
.header_past img{
    width: 100%;
    justify-content: center;
}
/* ------------------------------------- */
/* ------------------------------------- */
/* Worksヘッダー */
.header_works{
   max-width: 900px;
 text-align: center;
    margin-bottom: 29px;
}
.header_works img{
    width: 100%;
    justify-content: center;
}
/* ------------------------------------- */
/* ヘッダーの指定は以上 */
/* ------------------------------------- */
/* トップページの中身 */
.top_news{
    max-width: 900px;
    margin:auto;
    margin-top: 20px;
    margin-bottom: 50px;
}
.news_kakomi{
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.news_left{
    width: 35%;
    font-size: 15px;
    text-align: left;
}
.news_center{
    width: 40%;
    text-align: left;
}
.news_right{
    width: 25%;
    text-align: right;
}
.news_text{
    font-size: 16px;
}
.news_text a:hover{
    color: gray;
}
.top_main{
    max-width: 900px;
    margin:auto;
margin-top: 20px;
}
.top_kakomi{
    font-size: 18px;
    margin-bottom: 10px;
    display: flex;
  align-items: center;
}
.top_left{
    width: 30%;
    text-align: center;
}
.top_center{
    width: 5%;
}
.top_title{
     font-size: 17px;
    border: 1px black solid;
    height: 44px;
    line-height: 44px;
}
.top_title:hover{
     font-size: 17px;
    border: 1px #d8d8d8 solid;
    height: 44px;
    line-height: 44px;
    background: #d8d8d8;
}
.top_text{
     font-size: 16px;            
}
.top_right{
    width: 65%;
    text-align: left;
    font-size: 15px;   
}
.yohaku_50{
    width:10px;
    height: 50px;
}
/* ------------------------------------- */
/* ------------------------------------- */
/* aboutの中身 */
.about_upper{
    max-width: 900px;
    text-align: center;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 30px;
}
.about_upper p{
    margin-top: 30px;
    font-size: 25px;
    font-family: serif;
}
.about_lower{
    max-width: 900px;
    margin:0 auto;
    margin-top: 30px;    
}
.about_text{
    width:80%;
        margin:0 auto;
    font-size: 18px;
    font-family: serif;
}
.about_photo{
    width: 100%;
    text-align: center;
    margin-top: 30px;    
    display: flex;
    justify-content: space-evenly;
}
.about_rireki{
    width:50%;
        margin:0 auto;
    font-size: 15px;
    font-family: sans-serif;
    margin-top: 40px;
    margin-bottom: 40px;
}
/* ------------------------------------- */
/* ------------------------------------- */
/* upcycleの中身 */
.main_text{
    max-width: 900px;
    margin:auto;
    margin-top: 30px;  
}
.main_text p{
    width:95%;
    margin:0 auto;
    font-size: 18px;
    font-family: serif;
    text-align: center;
}
/* アップサイクル例 */
.upcy_example{
    display: flex;
    justify-content: center;
    margin-top: 30px;
    height: 255;
}
.upcy_left{
    text-align: left;
    width:244px;
}
.upcy_title{
    font-size: 22px;
    font-family: sans-serif;
    font-weight: bold;
    height: 40px;
}
.upcy_left_ph_cap{
    text-align: left;       
}
.upcy_left img{
  width: 240px;
  height: 165px;
}
.upcy_before{
    font-size: 20px;        
}
.upcy_center{
    font-size: 16px;
    font-family: sans-serif;
    width: 256px;
    line-height: 180%;
    margin-left: 32px;
    margin-right: 32px;
    margin-top: 40px; 
}
.upcy_right{
    text-align: left;
  width: 340px;  
}
.upcy_right img{
    width: 340px;
    height: 205px;
}
.upcy_after{
    font-size: 20px;            
}
.center_text{
    width:90%;
    margin:0 auto;
    font-size: 18px;
    font-family: serif;
    margin-top: 40px;
    margin-bottom: 40px;
}
/* ------------------------------------- */
.sodan_center_soroe{
    max-width: 900px;
    margin:auto;    
}
.sodan_big_title{
    font-size: 30px;
    color:white;
    border: hidden;
    width: 900px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #837878;
    margin-top: 20px;
}
.sodan_title{
     font-size: 25px;
    border: hidden;
    width: 300px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #F4EDED;
    margin-top: 30px;   
}
.sodan_text{
     font-size: 18px;
    width: 100%;
    margin-top: 10px;       
}
.indent_100{
    margin-left: 50px;
    margin-top: 5px;
    padding-left:1em;
	text-indent:-1em;
}
.sodan_mojisage_text{
     font-size: 18px;
    width: 100%;
    margin-top: 10px;
    padding-left:1em;
	text-indent:-1em;
}
.sodan_goteian{
    font-size: 18px;
    border: hidden;
    width: 800px;
    background-color: #F4EDED;
    margin-top: 10px;
    margin-left: 20px;
    padding:20px;
    padding-left:2em;
    text-indent:-1em;
}
.toiawase{
    font-size: 17px;
    color:white;
    border: hidden;
    width: 300px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #837878;
    margin-top: 20px;
    border-radius: 10px;
}
.yohaku_40{
    width:10px;
    height: 60px;
}
/* ------------------------------------- */
/* 以上upcycleの中身 */
/* ------------------------------------- */
/* ------------------------------------- */
/* Newsの中身 */
/* ------------------------------------- */
.news_upper{
    max-width: 900px;
    text-align: center;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 30px;
}
.news_upper img{
    max-width: 367px;
}
.news_main{
    max-width: 900px;
    margin:auto;
    margin-top: 30px;    
}
.news_info{
    width:50%;
    margin:0 auto;
    font-size: 15px;
    font-family: sans-serif;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}
.news_title{
    font-size: 22px;
    font-family: sans-serif;
    font-weight: bold;
}
.news_copy{
    width:85%;
        margin:0 auto;
    font-size: 18px;
    font-family: serif;
    text-align: center;
    line-height: 180%;
}
/* ------------------------------------- */
/* 以上Newsの中身 */
/* ------------------------------------- */
/* ------------------------------------- */
/* Past2022、2023、2024の中身 */
/* ------------------------------------- */
.past_main_text{
    max-width: 900px;
    margin:auto;
    margin-top: 30px;
}
.past_main_text_big{
    width:100%;
    margin:0 auto;
    font-size: 18px;
    font-family: serif;
}
.past_main_text_small{
    width:100%;
    margin:0 auto;
    font-size: 16px;
    font-family: sans-serif;
    margin-top: 10px;  
}
.past_center_soroe{
    max-width: 900px;
    margin:auto;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;  
}
.past_center_soroe2023{
    max-width: 900px;
    margin:auto;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;  
}
.past_center_soroe2024{
    max-width: 900px;
    margin:auto;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;  
}
.tenjikai_contents{
    width:415px;
    display: flex;
}
.tenjikai_contents_photo{
    width:415px;
}
.tenjikai_2023contents_left{
    width:600px;
}
.tenjikai_2023contents_right{
    width:300px;
}
.tenjikai_2024contents_left_tate{
    width:130px;
}
.tenjikai_2024contents_right_tate{
    width:320px;
}
.tenjikai_2024contents_left_yoko{
    width:190px;
}
.tenjikai_2024contents_right_yoko{
    width:260px;
}
.past_tenjikai_title{
    font-size: 16px;
    font-family: sans-serif;
    font-weight: bold;    
}
.past_tenjikai_text{
    font-size: 14px;
    font-family: sans-serif;
}
.past_tenjikai_text_finished{
    font-size: 14px;
    font-family: sans-serif;
    color: #FA87C0;
}
.past_back{
    text-align: center;
    font-size: 12px;
    margin-bottom: 20px;  
    margin-top: 20px;  
}
/* ------------------------------------- */
/* 以上Past2022、2023の中身 */
/* ------------------------------------- */
/* ------------------------------------- */
/* Worksの中身 */
/* ------------------------------------- */
.works_center_soroe{
     max-width: 900px;
    margin:auto;
}
.works_main_title{
    font-size: 44px;
    font-family: sans-serif;
    text-align: center;
}
.works_main_lead{
    font-size: 22px;
    font-family: sans-serif;
    text-align: center;
}
.works_copy{
    width:85%;
    font-size: 18px;
    font-family: serif;    
    margin:0 auto;
    margin-bottom: 40px;
}
p.smaller{
    font-size: 16px;
    text-align: right;
}
wrapper{
    max-width: 900px;
    margin:auto;
}
p.works_title{
    font-size: 18px;
    font-family: sans-serif;        
}
p.works_detail{
    font-size: 16px;
    font-family: sans-serif;        
}
.item_grid{
    max-width: 900px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    margin-top: 20px;;
    margin-bottom: 10px;
    justify-items: center;
}
.item_grid img{
    width: 280px;
}
.item_grid img:hover{
    opacity: 0.5;
}
.works_middle{
    max-width: 900px;
    margin:auto;
}
.tate_image{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 50px;
}
.tate_image img{
    width:180px;
    margin: 0 60px 0 0;
}
.works_lower{
    max-width: 900px;
    margin:auto;
}
.big_image{
    width: 100%;
}
.big_image img{
    width:440px;
}
/* 一番下の注釈 */
.works_remarks{
    font-size: 13px;
    text-align: right;
}
/* ------------------------------------- */
/* works */
/* 写真に文字ノセ */
.works_relative {
    position: relative;
    width: 280px;
}
.works_absolute {
    position: absolute;
    bottom: 2px;
    left:5px;
    color: #837878;
    width: 100%;
    max-width: 280px;
}
.works_absolute_white {
    position: absolute;
    bottom: 2px;
    left:5px;
    color: white;
    width: 100%;
    max-width: 280px;
}
.works_absolute p {
    margin: 0;
    font-size: 20px;;
    font-family: sans-serif;
    text-align: left;
}
/* 以上works */
/* 写真に文字ノセ 以上*/
/* ------------------------------------- */
/* ------------------------------------- */
/* 以上Worksの中身 */
/* ------------------------------------- */
/* Works_Whistle Pendantのヘッダ画像 */
/* ------------------------------------- */
.header_works_whistle{
   max-width: 900px;
 text-align: center;
}
.header_works_whistle img{
    width: 900px;
    justify-content: center;
}
.works_whistle_relative {
    position: relative;
    width: 900px;
}
.works_whistle_absolute {
    position: absolute;
    bottom: 5px;
    color: white;
    font-weight: bold;
    width: 100%;
    max-width: 900px;
}
.works_whistle_absolute p {
    margin: 0;
    font-size: 32px;;
    left: 20px;
    font-family: sans-serif;
    text-align: left;
}
/* ------------------------------------- */
/* Works_Whistle Pendantのヘッダ下 */
/* ------------------------------------- */
.works_whistle_center_soroe{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: center;
}
.works_whistle_center_soroe_grid{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.works_whistle_center_soroe_left{
     max-width: 900px;
    margin:auto;
  display: flex;
    margin-bottom: 30px;
    margin-top: 30px;
}
.works_whistle2_center_soroe_left{
     max-width: 900px;
    margin:auto;
    margin-bottom: 30px;
    margin-top: 30px;
}
.works_whistle_lead{
    width: 760px;
    font-size: 18px;
    font-family: serif;
    margin-top: 30px;
}
.works_whistle_kakomi{
    border: 1px black solid;
    height: 35px;
    width: 900px;
    line-height: 35px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.works_whistle_kakomi p{
    font-size: 16px;;
    text-align: center;
    font-family: sans-serif;   
}
.works_whistle_remarks_right{
    width: 900px;
    display: flex;
   justify-content: flex-end;
}
.works_whistle_remarks{
    font-size: 12px;
    text-align: left;
    font-family: sans-serif;   
    margin-bottom: 30px;
}
/* ------------------------------------- */
/* Works_Whistle Pendantの一覧 */
/* ------------------------------------- */
.w_w_item_grid{
    max-width: 900px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: space-between;
}
.w_w_item_grid_set{
    width: 180px;
}
.w_w_item_grid_set_yoko{
    width: 270px;
}
.w_w_item_grid_title{
    font-size: 18px;
}
.w_w_item_grid_text{
    font-size: 12px;
}

/* ------------------------------------- */
/* ------------------------------------- */
/* ------------------------------------- */
/* Works_Lineのヘッダ画像 */
/* ------------------------------------- */
.header_works_line{
   max-width: 900px;
 text-align: center;
}
.header_works_line img{
    width: 900px;
    justify-content: center;
}
.works_line_relative {
    position: relative;
    width: 900px;
}
.works_line_absolute {
    position: absolute;
    bottom: 5px;
    color: #B4AFAF;
    font-weight: bold;
    width: 100%;
    max-width: 900px;
}
.works_line_absolute p {
    margin: 0;
    font-size: 32px;;
    left: 20px;
    font-family: sans-serif;
    text-align: left;
}
/* ------------------------------------- */
/* Works Lineのヘッダ下 */
/* ------------------------------------- */
.works_line_center_soroe{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: center;
}
.works_line_center_soroe_grid{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.works_line_center_soroe_left{
     max-width: 900px;
    margin:auto;
  display: flex;
    margin-bottom: 30px;
}
.works_line_lead{
    width: 760px;
    font-size: 18px;
    font-family: serif;
    margin-top: 30px;
}
.works_line_kakomi{
    border: 1px black solid;
    height: 35px;
    width: 900px;
    line-height: 35px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.works_line_kakomi p{
    font-size: 16px;;
    text-align: center;
    font-family: sans-serif;   
}
.works_line_kakakurei{
    font-size: 16px;
    width: 900px;
    text-align: right;
    font-family: sans-serif;   
}
.works_line_remarks{
    font-size: 12px;
    width: 900px;
    text-align: right;
    font-family: sans-serif;   
    margin-bottom: 30px;
}
/* ------------------------------------- */
/* Works_Lineの一覧 */
/* ------------------------------------- */
.w_l_item_grid{
    max-width: 900px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: space-between;
}
.w_l_item_grid_set{
    width: 260px;
}
.w_l_item_grid_60{
    width: 60px;
}
.w_l_item_grid_set_tate{
    width: 180px;
}
.w_l_item_grid_title{
    font-size: 18px;
}
.w_l_item_grid_text{
    font-size: 12px;
}

/* ------------------------------------- */
/* ------------------------------------- */
/* Works_Soraのヘッダ画像 */
/* ------------------------------------- */
.header_works_sora{
   max-width: 900px;
 text-align: center;
}
.header_works_sora img{
    width: 900px;
    justify-content: center;
}
.works_sora_relative {
    position: relative;
    width: 900px;
}
.works_sora_absolute {
    position: absolute;
    bottom: 5px;
    color: #B4AFAF;
    font-weight: bold;
    width: 100%;
    max-width: 900px;
}
.works_sora_absolute p {
    margin: 0;
    font-size: 32px;;
    left: 20px;
    font-family: sans-serif;
    text-align: left;
}
/* ------------------------------------- */
/* Works Soraのヘッダ下 */
/* ------------------------------------- */
.works_sora_center_soroe{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: center;
}
.works_sora_center_soroe_grid{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.works_sora2_center_soroe_left{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.works_sora_lead{
    width: 760px;
    font-size: 18px;
    font-family: serif;
    margin-top: 30px;
}
.works_sora_kakomi{
    border: 1px black solid;
    height: 35px;
    width: 900px;
    line-height: 35px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.works_sora_kakomi p{
    font-size: 16px;;
    text-align: center;
    font-family: sans-serif;   
}
/* ------------------------------------- */
/* Works_Soraの一覧 */
/* ------------------------------------- */
.w_s_item_grid{
    max-width: 900px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: space-between;
}
.w_s_item_grid_set{
    width: 260px;
}
.w_s_item_grid_set_tate{
    width: 180px;
}
.w_s_item_grid_title{
    font-size: 18px;
}
.w_s_item_grid_text{
    font-size: 12px;
}

/* ------------------------------------- */
/* ------------------------------------- */
/* Works_waのヘッダ画像 */
/* ------------------------------------- */
.header_works_wa{
   max-width: 900px;
 text-align: center;
}
.header_works_wa img{
    width: 900px;
    justify-content: center;
}
.works_wa_relative {
    position: relative;
    width: 900px;
}
.works_wa_absolute {
    position: absolute;
    bottom: 5px;
    color: white;
    font-weight: bold;
    width: 100%;
    max-width: 900px;
}
.works_wa_absolute p {
    margin: 0;
    font-size: 32px;;
    left: 20px;
    font-family: sans-serif;
    text-align: left;
}
/* ------------------------------------- */
/* Works waのヘッダ下 */
/* ------------------------------------- */
.works_wa_center_soroe{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: center;
}
.works_wa_center_soroe_grid{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.works_wa_lead{
    width: 760px;
    font-size: 18px;
    font-family: serif;
    margin-top: 30px;
}
.works_wa_kakomi{
    border: 1px black solid;
    height: 35px;
    width: 900px;
    line-height: 35px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.works_wa_kakomi p{
    font-size: 16px;;
    text-align: center;
    font-family: sans-serif;   
}
.works_wa_kakakurei{
    font-size: 16px;
    width: 900px;
    text-align: right;
    font-family: sans-serif;   
    margin-bottom: 30px;
}
/* ------------------------------------- */
/* Works_waの一覧 */
/* ------------------------------------- */
.w_wa_item_grid{
    max-width: 900px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: space-between;
}
.w_wa_item_grid_set{
    width: 260px;
}
.w_wa_item_grid_set_tate{
    width: 180px;
}
.w_wa_item_grid_title{
    font-size: 18px;
}
.w_wa_item_grid_text{
    font-size: 12px;
}

/* ------------------------------------- */
/* ------------------------------------- */
/* Works_oruのヘッダ画像 */
/* ------------------------------------- */
.header_works_oru{
   max-width: 900px;
 text-align: center;
}
.header_works_oru img{
    width: 900px;
    justify-content: center;
}
.works_oru_relative {
    position: relative;
    width: 900px;
}
.works_oru_absolute {
    position: absolute;
    bottom: 5px;
    color: white;
    font-weight: bold;
    width: 100%;
    max-width: 900px;
}
.works_oru_absolute p {
    margin: 0;
    font-size: 32px;;
    left: 20px;
    font-family: sans-serif;
    text-align: left;
}
/* ------------------------------------- */
/* Works oruのヘッダ下 */
/* ------------------------------------- */
.works_oru_center_soroe{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: center;
}
.works_oru_center_soroe_grid{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 10px;
}
.works_oru_center_soroe_tenchispace{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.works_oru_lead{
    width: 760px;
    font-size: 18px;
    font-family: serif;
    margin-top: 30px;
}
.works_oru_kakomi{
    border: 1px black solid;
    height: 35px;
    width: 900px;
    line-height: 35px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.works_oru_kakomi p{
    font-size: 16px;;
    text-align: center;
    font-family: sans-serif;   
}
/* ------------------------------------- */
/* Works_oruの一覧 */
/* ------------------------------------- */
.w_oru_item_grid{
    max-width: 900px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: space-between;
}
.w_oru_item_grid_set{
    width: 260px;
}
.w_oru_item_grid_160{
    width: 160px;
}
.w_oru_item_grid_160{
    width: 160px;
}
.w_oru_item_grid_200{
    width: 200px;
}
.w_oru_item_grid_300{
    width: 300px;
}
.w_oru_item_grid_350{
    width: 350px;
}
.w_oru_item_grid_title{
    font-size: 18px;
}
.w_oru_item_grid_text{
    font-size: 12px;
}
/* ------------------------------------- */
/* ------------------------------------- */
/* Works_textureのヘッダ画像 */
/* ------------------------------------- */
.header_works_texture{
   max-width: 900px;
 text-align: center;
}
.header_works_texture img{
    width: 900px;
    justify-content: center;
}
.works_texture_relative {
    position: relative;
    width: 900px;
}
.works_texture_absolute {
    position: absolute;
    bottom: 5px;
    color: white;
    font-weight: bold;
    width: 100%;
    max-width: 900px;
}
.works_texture_absolute p {
    margin: 0;
    font-size: 32px;;
    left: 20px;
    font-family: sans-serif;
    text-align: left;
}
/* ------------------------------------- */
/* Works textureのヘッダ下 */
/* ------------------------------------- */
.works_texture_center_soroe{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: center;
}
.works_texture_center_soroe_grid{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.works_texture_center_soroe_left{
     max-width: 900px;
    margin:auto;
  display: flex;
    margin-bottom: 30px;
}
.works_texture_lead{
    width: 760px;
    font-size: 18px;
    font-family: serif;
    margin-top: 30px;
}
.works_texture_kakomi{
    border: 1px black solid;
    height: 35px;
    width: 900px;
    line-height: 35px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.works_texture_kakomi p{
    font-size: 16px;;
    text-align: center;
    font-family: sans-serif;   
}
/* ------------------------------------- */
/* Works_textureの一覧 */
/* ------------------------------------- */
.w_texture_item_grid{
    max-width: 900px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: space-between;
}
.w_texture_item_grid_set{
    width: 260px;
}
.w_texture_item_grid_60{
    width: 60px;
}
.w_texture_item_grid_160{
    width: 160px;
}
.w_texture_item_grid_180{
    width: 180px;
}
.w_texture_item_grid_200{
    width: 200px;
}
.w_texture_item_grid_260{
    width: 260px;
}
.w_texture_item_grid_300{
    width: 300px;
}
.w_texture_item_grid_350{
    width: 350px;
}
.w_texture_item_grid_title{
    font-size: 18px;
}
.w_texture_item_grid_text{
    font-size: 12px;
}

/* ------------------------------------- */
/* ------------------------------------- */
/* Works_shikakuiのヘッダ画像 */
/* ------------------------------------- */
.header_works_texture{
   max-width: 900px;
 text-align: center;
}
.header_works_shikakui img{
    width: 900px;
    justify-content: center;
}
.works_shikakui_relative {
    position: relative;
    width: 900px;
}
.works_shikakui_absolute {
    position: absolute;
    bottom: 5px;
    color: #555555;
    font-weight: bold;
    width: 100%;
    max-width: 900px;
}
.works_shikakui_absolute p {
    margin: 0;
    font-size: 32px;;
    left: 20px;
    font-family: sans-serif;
    text-align: left;
}
/* ------------------------------------- */
/* Works shikakuiのヘッダ下 */
/* ------------------------------------- */
.works_shikakui_center_soroe{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: center;
}
.works_shikakui_center_soroe_grid{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.works_shikakuie_center_soroe_left{
     max-width: 900px;
    margin:auto;
  display: flex;
    margin-bottom: 30px;
}
.works_shikakui_lead{
    width: 760px;
    font-size: 18px;
    font-family: serif;
    margin-top: 30px;
}
.works_shikakui_kakomi{
    border: 1px black solid;
    height: 35px;
    width: 900px;
    line-height: 35px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.works_shikakui_kakomi p{
    font-size: 16px;;
    text-align: center;
    font-family: sans-serif;   
}
/* ------------------------------------- */
/* Works_shikakuiの一覧 */
/* ------------------------------------- */
.w_shikakui_item_grid{
    max-width: 900px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: space-between;
}
.w_shikakui_item_grid_set{
    width: 260px;
}
.w_shikakui_item_grid_60{
    width: 60px;
}
.w_shikakui_item_grid_160{
    width: 160px;
}
.w_shikakui_item_grid_180{
    width: 180px;
}
.w_shikakui_item_grid_200{
    width: 200px;
}
.w_shikakui_item_grid_260{
    width: 260px;
}
.w_shikakui_item_grid_300{
    width: 300px;
}
.w_shikakui_item_grid_350{
    width: 350px;
}
.w_shikakui_item_grid_title{
    font-size: 18px;
}
.w_shikakui_item_grid_text{
    font-size: 12px;
}
/* ------------------------------------- */
/* ------------------------------------- */
/* Works_mugendaiのヘッダ画像 */
/* ------------------------------------- */
.header_works_mugendai{
   max-width: 900px;
 text-align: center;
}
.header_works_mugendai img{
    width: 900px;
    justify-content: center;
}
.works_mugendai_relative {
    position: relative;
    width: 900px;
}
.works_mugendai_absolute {
    position: absolute;
    bottom: 5px;
    color: white;
    font-weight: bold;
    width: 100%;
    max-width: 900px;
}
.works_mugendai_absolute p {
    margin: 0;
    font-size: 32px;;
    left: 20px;
    font-family: sans-serif;
    text-align: left;
}
/* ------------------------------------- */
/* Works mugendaiのヘッダ下 */
/* ------------------------------------- */
.works_mugendai_center_soroe{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: center;
}
.works_mugendai_center_soroe_grid{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.works_mugendai_center_soroe_left{
     max-width: 900px;
    margin:auto;
  display: flex;
    margin-bottom: 30px;
}
.works_mugendai_lead{
    width: 760px;
    font-size: 18px;
    font-family: serif;
    margin-top: 30px;
}
.works_mugendai_kakomi{
    border: 1px black solid;
    height: 35px;
    width: 900px;
    line-height: 35px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.works_mugendai_kakomi p{
    font-size: 16px;;
    text-align: center;
    font-family: sans-serif;   
}
/* ------------------------------------- */
/* Works_mugendaiの一覧 */
/* ------------------------------------- */
.w_mugendai_item_grid{
    max-width: 900px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: space-between;
}
.w_mugendai_item_grid_set{
    width: 260px;
}
.w_mugendai_item_grid_60{
    width: 60px;
}
.w_mugendai_item_grid_160{
    width: 160px;
}
.w_mugendai_item_grid_180{
    width: 180px;
}
.w_mugendai_item_grid_200{
    width: 200px;
}
.w_mugendai_item_grid_260{
    width: 260px;
}
.w_mugendai_item_grid_300{
    width: 300px;
}
.w_mugendai_item_grid_350{
    width: 350px;
}
.w_mugendai_item_grid_title{
    font-size: 18px;
}
.w_mugendai_item_grid_text{
    font-size: 12px;
}
/* ------------------------------------- */
/* ------------------------------------- */
/* Works_tatakuのヘッダ画像 */
/* ------------------------------------- */
.header_works_tataku{
   max-width: 900px;
 text-align: center;
}
.header_works_tataku img{
    width: 900px;
    justify-content: center;
}
.works_tataku_relative {
    position: relative;
    width: 900px;
}
.works_tataku_absolute {
    position: absolute;
    bottom: 5px;
    color: white;
    font-weight: bold;
    width: 100%;
    max-width: 900px;
}
.works_tataku_absolute p {
    margin: 0;
    font-size: 32px;;
    left: 20px;
    font-family: sans-serif;
    text-align: left;
}
/* ------------------------------------- */
/* Works tatakuのヘッダ下 */
/* ------------------------------------- */
.works_tataku_center_soroe{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: center;
}
.works_tataku_center_soroe_grid{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.works_tataku_center_soroe_left{
     max-width: 900px;
    margin:auto;
  display: flex;
    margin-bottom: 30px;
}
.works_tataku_lead{
    width: 760px;
    font-size: 18px;
    font-family: serif;
    margin-top: 30px;
}
.works_tataku_kakomi{
    border: 1px black solid;
    height: 35px;
    width: 900px;
    line-height: 35px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.works_tataku_kakomi p{
    font-size: 16px;;
    text-align: center;
    font-family: sans-serif;   
}
.works_tataku_kakakurei{
    font-size: 16px;
    width: 900px;
    text-align: right;
    font-family: sans-serif;   
    margin-bottom: 30px;
}
/* ------------------------------------- */
/* Works_tatakuの一覧 */
/* ------------------------------------- */
.w_t_item_grid{
    max-width: 900px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: space-between;
}
.w_t_item_grid_set{
    width: 260px;
}
.w_t_item_grid_60{
    width: 60px;
}
.w_t_item_grid_set_tate{
    width: 180px;
}
.w_t_item_grid_title{
    font-size: 18px;
}
.w_t_item_grid_text{
    font-size: 12px;
}
/* ------------------------------------- */
/* ------------------------------------- */
/* Works_のヘッダ画像 */
/* ------------------------------------- */
.header_works_spoon{
   max-width: 900px;
 text-align: center;
}
.header_works_spoon img{
    width: 900px;
    justify-content: center;
}
.works_spoon_relative {
    position: relative;
    width: 900px;
}
.works_spoon_absolute {
    position: absolute;
    bottom: 5px;
    color: #B4AFAF;
    font-weight: bold;
    width: 100%;
    max-width: 900px;
}
.works_spoon_absolute p {
    margin: 0;
    font-size: 32px;;
    left: 20px;
    font-family: sans-serif;
    text-align: left;
}
.works_spoon_set_relative {
    position: relative;
    width: 390px;
}
.works_spoon_set_absolute {
    position: absolute;
    top: 30px;
    color: #837878;
    width: 100%;
    max-width: 900px;
}
.works_spoon_set_absolute p {
    margin: 0;
    font-size: 18px;
    left: 50px;
    line-height: 240%;
    font-family: serif;
    text-align: left;
}
/* ------------------------------------- */
/* Works spoonのヘッダ下 */
/* ------------------------------------- */
.works_spoon_center_soroe{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.works_spoon_center_soroe_grid{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.works_spoon_center_soroe_left{
     max-width: 900px;
    margin:auto;
  display: flex;
    margin-bottom: 30px;
}
.works_spoon_lead{
    width: 300px;
    font-size: 18px;
    font-family: serif;
    margin-top: 30px;
}
.works_spoon_kakomi{
    border: 1px black solid;
    height: 35px;
    width: 900px;
    line-height: 35px;
    margin-top: 60px;
    margin-bottom: 0px;
}
.works_spoon_kakomi p{
    font-size: 16px;;
    text-align: center;
    font-family: sans-serif;   
}
.works_spoon_kakakurei{
    font-size: 16px;
    width: 900px;
    text-align: right;
    font-family: sans-serif;   
    margin-bottom: 20px;
}
/* ------------------------------------- */
/* Works_spoonの一覧 */
/* ------------------------------------- */
.w_spoon_item_grid{
    max-width: 900px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: space-between;
}
.w_spoon_item_grid_set{
    width: 260px;
}
.w_spoon_item_grid_60{
    width: 60px;
}
.w_spoon_item_grid_set_tate{
    width: 180px;
}
.w_spoon_item_grid_title{
    font-size: 18px;
}
.w_spoon_item_grid_text{
    font-size: 12px;
}
/* ------------------------------------- */
/* ------------------------------------- */
/* Works_otherのヘッダ画像 */
/* ------------------------------------- */
.header_works_other{
   max-width: 900px;
 text-align: center;
}
.header_works_other img{
    width: 900px;
    justify-content: center;
}
.works_other_relative {
    position: relative;
    width: 900px;
}
.works_other_absolute {
    position: absolute;
    bottom: 5px;
    color: #B4AFAF;
    font-weight: bold;
    width: 100%;
    max-width: 900px;
}
.works_other_absolute p {
    margin: 0;
    font-size: 32px;;
    left: 20px;
    font-family: sans-serif;
    text-align: left;
}
.works_other_set_relative {
    position: relative;
    width: 308px;
}
.works_other_set_absolute {
    position: absolute;
    top: 30px;
    color: #837878;
    width: 100%;
    max-width: 900px;
}
.works_other_set_absolute p {
    margin: 0;
    font-size: 18px;
    left: 80px;
    line-height: 230%;
    font-family: serif;
    text-align: left;
}
/* ------------------------------------- */
/* Works otherのヘッダ下 */
/* ------------------------------------- */
.works_other_center_soroe{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: center;
}
.works_other_center_soroe_grid{
     max-width: 900px;
    margin:auto;
  display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.works_other_center_soroe_left{
     max-width: 900px;
    margin:auto;
  display: flex;
    margin-bottom: 30px;
    align-content: flex-start;
}
.works_other_lead{
    width: 760px;
    font-size: 18px;
    font-family: serif;
    margin-top: 30px;
}
.works_other_kakomi{
    border: 1px black solid;
    height: 35px;
    width: 900px;
    line-height: 35px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.works_other_kakomi p{
    font-size: 16px;;
    text-align: center;
    font-family: sans-serif;   
}
.works_other_kakakurei{
    font-size: 16px;
    width: 900px;
    text-align: right;
    font-family: sans-serif;   
    margin-bottom: 30px;
}
/* ------------------------------------- */
/* Works_otherの一覧 */
/* ------------------------------------- */
.w_other_item_grid{
    max-width: 900px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: space-between;
}
.w_other_item_grid_set{
    width: 260px;
}
.w_other_item_grid_60{
    width: 60px;
}
.w_other_item_grid_set_tate{
    width: 240px;
}
.w_other_item_grid_title{
    font-size: 18px;
}
.w_other_item_grid_text{
    font-size: 12px;
}
/* ------------------------------------- */
/* ------------------------------------- */
/* フッター*/
footer {
    max-width: 900px;
    color: black;
    font-size: 14px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
/* ------------------------------------- */