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

/*reset*/
#future_tmp {font-size: 1.6rem;line-height: 1.7;letter-spacing: 0.1em;width: 1130px; margin: 0 auto 40px;}

#future_tmp img{max-width: 100%;width: auto;}
#future_tmp h2,#future_tmp h3,#future_tmp h4,#future_tmp h5{margin: 0}
#future_tmp p,#future_tmp ul{margin: 0;padding: 0}
#future_tmp ul li{margin: 0;padding: 0;list-style: none}
#future_tmp .mb2{margin-bottom: 2rem !important}
#future_tmp .mb3{margin-bottom: 3rem !important}
#future_tmp .mb4{margin-bottom: 4rem !important}
#future_tmp .mb6{margin-bottom: 6rem !important}
#future_tmp .mini{font-size: 1rem}
#future_tmp .min{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
#future_tmp a:hover{opacity: 0.8}
#future_tmp .center{text-align: center;}
#future_tmp .pc_only{display: block}
#future_tmp .sp_only{display: none}
#future_tmp .pc_only_in{display: inline-block}
#future_tmp .sp_only_in{display: none}
@media (max-width: 767px) { 
#future_tmp .pc_only{display: none}
#future_tmp .sp_only{display: block}
#future_tmp .pc_only_in{display: none}
#future_tmp .sp_only_in{display:inline-block}
#future_tmp .mb3{margin-bottom: 2rem !important}
#future_tmp .mb4{margin-bottom: 2rem !important}
}

/*btn*/
#future_tmp .btn a{padding: 0.8rem 5rem 0.8rem 3rem;display: inline-block;font-size: 15px}
#future_tmp .btn {text-align: center;}
#future_tmp .btn a.down{background: url(https://kikumasamune.itembox.design/item/camp/gin_pack/icon_down.png) no-repeat 96% center #72263B;width: 40%;font-weight: bold;font-size: 1.9rem}
#future_tmp .btn.insta span{display: inline-block;vertical-align: middle; margin-right: 2rem}
#future_tmp .btn.insta span img{vertical-align: middle;}
#future_tmp .btn.insta a.blank{background: url(https://kikumasamune.itembox.design/item/camp/gin_pack/icon_blank.png) no-repeat 92% center #72263B;width: 40%}
#future_tmp .btn a.next{background: url(https://kikumasamune.itembox.design/item/camp/gin_pack/icon_next.png) no-repeat 96% center #72263B;width: 40%}
@media (max-width: 767px) { 
#future_tmp .btn a{padding: 1.3rem 2rem;display: inline-block}
#future_tmp .btn.insta a{padding-right: 6rem}
#future_tmp .btn a.down{font-size: 1.6rem}
}


#future_tmp .under_width{width: 1000px; margin: 0 auto;}
#future_tmp .under_width .pick h2{font-size: 4rem;line-height: 1.7}
#future_tmp .under_width .pick h2 span{font-size: 3rem;}
#future_tmp .under_width .pick .flex_item{display: flex;column-gap: 4rem;margin-bottom: 2rem}
#future_tmp .under_width .pick .flex_item .img{width: 37%}
#future_tmp .under_width .pick .flex_item .text{width: 63%}
#future_tmp .under_width .pick .flex_item .text h3{margin-top: 0;background: #558E2D;padding: 1rem;font-weight: bold;color: #fff;margin-bottom: 2rem}
@media (max-width: 767px) { 
#future_tmp .under_width .pick h2{font-size: 2.4rem;line-height: 4rem;margin-bottom: 3rem !important}
#future_tmp .under_width .pick h2 span{font-size: 2.4rem;}
#future_tmp .under_width .pick .flex_item{display: block;width: 90%; margin: 0 auto 4rem}
#future_tmp .under_width .pick .flex_item .img{width: 100%;margin-bottom: 1rem}
#future_tmp .under_width .pick .flex_item .text{width: 100%}
#future_tmp .under_width .pick .flex_item .text h3{margin-bottom: 1rem}
}

#future_tmp .under_width .spec{background:#F5F5F5; padding:3rem 4rem}
#future_tmp .under_width .spec .ttl{text-align: center; font-size: 1.8rem; margin-bottom: 2rem;font-weight: bold;}
#future_tmp .under_width .spec table{text-align: left;font-size: 15px}
#future_tmp .under_width .spec table th{font-weight: bold;width: 30%;}
#future_tmp .under_width .spec table th,#future_tmp .under_width .spec table td{padding-bottom: 5px;}
@media (max-width: 767px) { 
#future_tmp .under_width .spec{width: 90%; margin-left: auto;margin-right: auto;padding: 2rem}
#future_tmp .under_width .spec table{font-size: 14px}
#future_tmp .under_width .spec table th{font-weight: bold;width: 100%;vertical-align: top;display: block}
#future_tmp .under_width .spec table td{vertical-align: top;display: block;width: 100%}
}

#future_tmp .under_width .howto{background: url(https://kikumasamune.itembox.design/item/camp/taruzake/bk_how_pc.jpg) repeat-y ;padding:40px 50px; margin-bottom: 6rem !important;background-size: cover}
#future_tmp .under_width .howto .ttl{font-size: 3rem;font-weight: bold;margin-bottom: 2rem}
#future_tmp .under_width .howto .how_flex{display: flex;justify-content: space-between;}
#future_tmp .under_width .howto .how_flex .ab{width: 48%}
#future_tmp .under_width .howto .how_flex .img{width: 48%}
#future_tmp .under_width .howto .how_flex p.ttl{background:#558E2D; color: #fff; padding:0.5rem 1.5rem;margin-bottom: 1rem;font-size: 2rem;display: inline-block;}
#future_tmp .under_width .howto .how_flex p.text{margin-left: 0;font-size: 14px}

@media (max-width: 767px) { 
#future_tmp .under_width .howto{background: url(https://kikumasamune.itembox.design/item/camp/taruzake/bk_how_sp.jpg) repeat-y ;margin-bottom: 6rem !important;background-size: cover}

#future_tmp .under_width .howto .ttl{font-size: 2.0rem;margin-bottom: 3rem;font-weight: bold}
#future_tmp .under_width .howto{height: auto;padding:4rem 2rem}
#future_tmp .under_width .howto .how_flex{display: block;}
#future_tmp .under_width .howto .how_flex .ab{width: 100%;margin-bottom: 4rem}
#future_tmp .under_width .howto .how_flex .img{width: 100%}
#future_tmp .under_width .howto .how_flex p.ttl{padding:0.5rem 1.5rem;margin-bottom: 1rem;font-size: 1.8rem;display: inline-block;}
#future_tmp .under_width .howto .how_flex p.text{margin-left: 0;font-size: 14px}
}



#future_tmp .set_item .set_area{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35); margin: 6rem 0}
#future_tmp .set_item .set_area h2{background:  url(https://kikumasamune.itembox.design/item/camp/taruzake/bk_ttl_pc.jpg?1) no-repeat;background-size: cover;
padding: 3rem 0;font-size: 3rem;line-height: 4rem;font-weight: bold;}
#future_tmp .set_item .set_area h2 span{font-size: 2rem}
#future_tmp .set_item .set_area .white2{padding: 4rem 8rem}
#future_tmp .set_item .set_area .flex{display: flex;}
#future_tmp .set_item .set_area .flex .img{width: 33%;margin-right: 7%}
#future_tmp .set_item .set_area .flex .img img{width: 100%}
#future_tmp .set_item .set_area .flex .img .btn a{width: 85%; margin: 1rem auto 0 }
#future_tmp .set_item .set_area .flex .text{width: 60%;font-size: 1.5rem}
#future_tmp .set_item .set_area .flex .text h3{font-size: 2.8rem;font-weight: bold;border-bottom: 1px solid #333;padding-bottom: 1rem; margin-bottom: 2rem}
@media (max-width: 767px) { 
#future_tmp .set_item .set_area{width: 90%; margin-left: auto; margin-right: auto;}
#future_tmp .set_item .set_area h2{background:  url(https://kikumasamune.itembox.design/item/camp/taruzake/bk_ttl_sp.jpg) no-repeat 0 bottom;padding: 3rem 0;font-size: 2rem;
line-height: 2.5rem;font-weight: bold;background-size: contain;}

#future_tmp .set_item .set_area h2 span{font-size: 1.5rem;display: block;margin-bottom: 10px}
#future_tmp .set_item .set_area .white2{padding: 2rem;}
#future_tmp .set_item .set_area .flex{display: block;}
#future_tmp .set_item .set_area .flex .img{width: 100%;margin-right: 0}
#future_tmp .set_item .set_area .flex .img img{width: 100%}
#future_tmp .set_item .set_area .flex .img .btn a{width: 80%; margin: 1rem auto 0 }
#future_tmp .set_item .set_area .flex .text{width: 100%;font-size: 1.5rem}
#future_tmp .set_item .set_area .flex .text h3{font-size: 1.7rem;margin-top: 3rem;text-align: center; border-bottom: 1px solid #333;padding-bottom: 1rem; margin-bottom: 2rem}
}

#future_tmp .set_item .set_other{margin-bottom: 6rem}
#future_tmp .set_item .set_other h3{font-weight: bold;}
#future_tmp .set_item .set_other .flex_item4{display: flex;align-items: flex-start;justify-content: space-between;column-gap: 3rem}
#future_tmp .set_item .set_other .flex_item4 .img{margin-bottom: 10px;}
#future_tmp .set_item .set_other .flex_item4 .img img{border: 1px solid #ccc;}
#future_tmp .set_item .set_other .flex_item4 .btn_item a{border: 1px solid #ccc;display: block;text-align: center;padding: 1rem 0; margin-top: 1rem}
#future_tmp .set_item .set_other .flex_item4 .item{width: 25%}
@media (max-width: 767px) { 
#future_tmp .set_item .set_other .flex_item4{width: 90%; margin-left: auto;margin-right: auto; flex-wrap: wrap;column-gap:4%}
#future_tmp .set_item .set_other .flex_item4 .item{width: 48%;margin-bottom: 2rem}
#future_tmp .set_item .set_other .flex_item4 .name{font-size: 1.2rem;line-height: 1.7}
#future_tmp .set_item .set_other .flex_item4 .btn_item a{padding: 0.7rem 0;font-size: 1.5rem}
}

@media (max-width: 767px) { 
#future_tmp,
#future_tmp .under_width{width: 100%;}

#future_tmp .indent,
#future_tmp .btn a.down,
#future_tmp .btn.insta a.blank#future_tmp .btn a.next{width: 90%; margin-left: auto;margin-right: auto}
#future_tmp .btn a.next{width: 100%; margin-left: auto;margin-right: auto}

}