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


   /*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,:after,:before{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}address,blockquote,dl,figure,form,iframe,ol,p,pre,table,ul{margin:0}ol,ul{padding:0;list-style:none}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object{vertical-align:bottom}button,input,optgroup{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;appearance:none}[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled],button[disabled]{cursor:default}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:0}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;}[hidden],template{display:none}embed,iframe,img,object,table{width:100%}body{font-size:16px;font-weight:400;line-height:2em;color:#21242b;word-wrap:break-word;overflow-x:hidden;background-color:#fff;-webkit-text-size-adjust:100%}.gothic400{font-family:toppan-bunkyu-gothic-pr6n,serif;font-weight:400;font-style:normal}.gothic600{font-family:toppan-bunkyu-gothic-pr6n,serif;font-weight:600;font-style:normal}.en{font-family:futura-pt,sans-serif;font-style:normal}.en-serif{font-family:orpheuspro,serif;font-weight:700;font-style:normal}.flex{display:flex;justify-content:space-between;flex-wrap:wrap}

  
  body {
font-family: hiragino-kaku-gothic-pron, sans-serif;
font-style: normal;
font-weight: 600;
font-feature-settings: "palt";
letter-spacing: 0.08em;
color: #ffffff;
font-size: 14px;
}

.only-pc{
    display: block;
}
.only-sp{
    display: none;
}

.inner {
    margin: 0 auto;
}

.inner-mini{
    width: 56%;
    margin: 0 auto;
}
.inner-mini2{
    width: 62%;
    margin: 0 auto;
}
.main{
  
}

.hero{
    position: relative;
}

.logo-wrap{
    position: absolute;
    top: 25%;
    right: 2%;
    width: 6%;
}
.logo{
   
   }

.ig-logo{
    width: 60%;
    margin: 0 auto;
    padding-top: clamp(10px, 1.2vw, 18px);
    display: flex;
}
.sec-title-present {
    position: absolute;
    width: 58%;
    top: -20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
}
.present {
    padding-top: 240px;
}
.present-info{
    position: relative;
  background: url("../images/waku-bg.png") 1% 100% ;
      background-size: contain;
    padding-bottom: 20px;
}
.present-fukidsashi {
    position: absolute;
    width: 28%;
    top: -11%;
    right: -8%;
    z-index: 2;
}
.present-inner {
display: flex;
    width: 100%;
    margin: 0 auto;
    padding: 0 11%;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap;
}
.present-sp-pic{
    width: calc(36% - 2%);
    padding-top: 5%;
}
.nougat-wrap{
    width: calc(64% - 2%);
    padding-top: 15%;
}



.present-bg01 {
    position: absolute;
    top: -5%;
    width: 100%;
}
.present-bg02 {
    position: absolute;
    top: 46%;
    width: 100%;
}
.present-bg03 {
    position: absolute;
      bottom: -5%;
    width: 100%;
}
.present-nougat{
    width: 72%;
    margin: 0 auto;
    
}
.present-txt-sub {
    color: #2f2f2f;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.08em;
    padding-top: 0;
      font-size: 20px;
}
.present-pic01 {
    position: absolute;
    width: 24%;
    top: -11%;
    left: -5%;
    z-index: 2;
}
.present-txt {
    width: 88%;
}
.present-pic02{
    position: absolute;
    width: 28%;
    top: 30%;
    left: -14%;
    z-index: 2;
}

.present-pic03 {
    position: absolute;
    width: 38%;
    top: 60%;
    left: -6%;
    z-index: 2;
}
.present-pic04 {
    position: absolute;
    width: 30%;
    top: 62%;
    left: 40%;
    z-index: 2;
}
.present-pic05{
    position: absolute;
    width: 32%;
    top: 52%;
    right: -6%;
    z-index: 2;
}

.comingsoon {
    background: #b4ddd8;
    color: #000;
    text-align: center;
    margin: 60px 10% 0;
    border-radius: 16px;
    padding: 60px;
    position: relative;
    z-index: 3;
}
.comingsoon p {
    font-size: 22px;
    letter-spacing: 0.08em;
}
.comingsoon p.big {
    font-size: 32px;
    padding: 16px 0;
}
.comingsoon p.sup {
    font-size: 16px;
}
.btn-present {
    position: relative;
    z-index: 2;
    margin: 34% auto 0;
    text-align: center;
}

.btn a {
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    padding: 18px 32px;
    line-height: 1em;
    border-radius: 40px;
    font-weight: 600;
    letter-spacing: 0.1em;
}
.btn-anq {
    margin-top: 12px;
    text-align: center;
}


.btn-anq a{
    background: #f56ca0;    
    color: #ffffff;
      width: 60%;
   transition: .4s;
}

.btn-anq a:hover{
    background: #000;    
    color: #ffffff;
  transition: .4s;
}


.btn-present a{
    background: #29abe2;    
    color: #ffffff;
      width: 60%;
  transition: .4s;
}
.btn-present a:hover{
    background: #000;    
    color: #ffffff;
  transition: .4s;
}





.btn-tours a{
    background: #ffff00;    
    color: #000000;
      padding: 18px 46px;
    transition: .4s;
      width: 60%;
}

.btn-tours a:hover{
 background: #000;    
    color: #ffffff;
  transition: .4s;
}



.btn-tours{
    text-align: center;
}


.overview {
    margin-top: 13%;
    color: #000;
    background: #fff462;
}
.overview h2 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 36px;
    padding-top: 120px;
}
.ov-info {
    padding-top: 30px;
    padding-bottom: 80px;
}
.ov-lead p{
    font-size: 22px;
    text-align: center;
    line-height: 1.8;
}
.overview-img {
    position: relative;
    padding: inherit;
    width: 100%;
    margin: 0 auto;
}
.overview-img .fukidashi {
    width: 27%;
    position: absolute;
    right: -6%;
    top: 10%;
}
.overview-img p.sup {
    font-weight: 400;
    text-align: right;
    padding-top: 16px;
}
.ov-info p {
    font-size: 22px;
    padding-left: 7%;
    line-height: 2;
}

.tours {
    padding-top: 12%;
}
.sec-title-tours {
    width: 99%;
    margin: 0 auto 80px;
}

.tours-contents{
    background-image: url("../images/2024/toure-bg.png");
    background-size: contain;
}

.tours-fukidashi{
    font-family: ten-mincho, serif;
font-weight: 400;
}

.tours-contents{
    position: relative;
}

.tours-fukidashi-txt{
    position: relative;
    width: 76%;
    margin: 0 auto;

}
.tours-fukidashi-txt img{
    margin-left: 3%;

}
.tours-items {
    padding-top: 50px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: baseline;
}
.tours-wrap{
        padding: 2% 12%;
}
.tours-item{
    width: 32%;
}
.tour-txt {
    color: #22458b;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    padding-bottom: 24px;
}
.tour-pic {
    margin: 0 15px;
    border: #ccc solid 1px;
}
.tours-item a{
transition: .4s;
}
.tours-item a:hover{
  opacity: 0.6;
transition: .4s;
}


.tours-lead {
    font-size: 22px;
    color: #333;
    line-height: 2;
  margin-left: 3%;
}
.tours-items-title.flex {
    padding-top: 50px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.plan-name {
    font-size: 22px;
    padding-right: 2em;
}
.plan-price {
    font-size: 30px;
    color: #c8161e;
}
span.yen {
    font-size: 80%;
}

.tours-items-title.flex {
    padding-top: 80px;
    color: #000;
    justify-content: center;
}
.btn-tours {
    padding-top: 80px;
}
.tigar-bottom {
    padding-top: 100px;
}
.tigear {
  background: url("../images/2024/tigar-bg.png");
    margin-top: -500px;
    padding-top: 500px;
    background-size: 100%;
}
.tigear .inner-mini2 {
    margin-top: 10%;
    background: #fff;
    padding: 80px;
}
h2.sec-title-tigar {
    font-size: 42px;
    color: #b48d36;
    text-align: center;
    line-height: 1.4em;
    padding: 40px 0 60px;
    letter-spacing: 0.1em;
}
.tigar-bnr {
    width: 360px;
    margin: 0 auto 120px;
}
.tigar-bnr a {
  transition: .4s;
}
.tigar-bnr a:hover {
   opacity: 0.5;
  transition: .4s;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.spot {
    padding-top: 5%;
  background: url("../images/2024/spot-bg.png") repeat;
  background-size: 100%;
}

.reverce{
 flex-direction: row-reverse;
}
.spot-title {
    width: 20%;
}
.spot-title-txt{
width: 50%;
}
.spot-title-txt p{
    -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
      font-weight: 500;
    line-height: 2.4;
    padding-top: 0;
    font-feature-settings: normal;
    letter-spacing: 0.1em;
  font-size: 24px;
}
.spot-title-ill{
    width: 20%;
}
.spot-info{
    width: calc(50% - 3%);
}
.spot-pic{
width: calc(50% - 3%);
}
.spot-ill {
    width: 46px;
    position: absolute;
    right: 20px;
    top: -10px;
}
.spot01 .spot-ill {
    width: 64px;
    right: 20px;
    top: 10px;
}
.spot02 .spot-ill {
    width: 46px;
    right: 20px;
    top: 4px;
}
.spot03 .spot-ill {
    width: 70px;
    right: 30px;
    top: 10px;
}
.spot04 .spot-ill {
    width: 66px;
    right: 30px;
    top: 5px;
}
.spot05 .spot-ill {
    width: 52px;
    right: 30px;
    top: -10px;
}
.spot06 .spot-ill {
width: 110px;
    position: absolute;
    right: 20px;
    top: 14px;
}

.reverse{
flex-direction: row-reverse;
}


.stop-name-wrap {
  position: relative;
}
.spot-name{
    font-weight: 600;
    font-size: 32px;
    padding-top: 1em;
}
.spot-txt {
    font-weight: 400;
    font-size: 20px;
    padding-top: 1.5em;
    line-height: 2;
}
.spot-wrap {
    padding-bottom: 64px;
    border-bottom: #fff solid 1px;
    margin-bottom: 64px;
}

.spot-wrap.last {
    border-bottom: none;
}



.spot-list {
    padding-top:12%;
}


.point {
  background: url("../images/2024/point-bg.png") repeat;
      margin-top: -2px;
}
.sec-title-point {
        width: 95%;
        padding-left: 5%;
  position: relative;
}
.sec-title-point h2 {
    margin: 0 auto;
}
.sec-title-point p {
    line-height: 2;
    font-size: 24px;
    padding-top: 40px;
      color: #000;
}
.point-fukidashi {
    position: absolute;
    top: -60px;
    width: 220px;
    left: -190px;
}
.point-items {
    margin: 0 auto;
    padding: 80px 0 160px;
}
.point-item {
    margin-bottom: 50px;
}




footer{

}
.footer-inner{
width: 74%;
  margin: 0 auto;
  color: #333;
  padding: 90px 0;
  position: relative;
}
.foot-title {
    font-size: 24px;
    padding-bottom: 16px;
}
.modaal-content-container {
  padding: 0;
}
.modaal-container {
  width: 52%;
  border-radius: 20px;
  overflow: hidden;
}
.modaal-container .item-title {
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-align: center;
}
.modaal-container p {
  width: 80%;
  margin: 0 auto;
  line-height: 2;
}
.modaal-container table {
  width: 80%;
  margin: 40px auto;
}
.modaal-overlay {
    background: #e1e0d6 !important;
  opacity: 0.9;
}
.modaal-container th {
  padding: 18px 10px;
  width: 10em;
  border-top: #DF1337 solid 1px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}
.modaal-container td {
  padding: 18px 10px;
  border-top: #DF1337 solid 1px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}
.modaal-container td a {
  text-decoration: underline;
}
.modaal-content-container .item-tmb {
  margin-bottom: 60px;
}

.close {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  padding-bottom: 60px;
  cursor: pointer;
}
.modaal-wrapper .modaal-close {
  display: none;
}
.jitsugen{
    width: 160px;
    position: absolute;
    right: 0;
    top: 50px;
}

	  .pc{
	display: block;
   }
	 
    .sp{
		 display: none;	 
	 }	
.step {
    padding: 50px 0;
    background: #f4efe8;
}
.outline {
    padding: 50px;
  text-align: center;
}
.outline img {
    width: 88%;
    margin: 0 0 80px;
}



.qr {
    width: 40%;
    margin: 0 auto;
}

.fadein {
  animation: fadeIn 0.8s ease forwards;
  animation-delay: 0.8s;
  opacity: 0;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.inner-mini2 {
    max-width: 1300px;
}


/*ここからレスポンシブ*/
@media (max-width: 1700px) {     
.present-txt-sub {
    font-size: 18px;
}
.spot-title-txt p {
    font-size: 23px;
}
.ov-lead p {
    font-size: 20px;
}
  .ov-info p {
    font-size: 20px;
}
  .tours-lead {
    font-size: 20px;
}
  .spot-txt {
    font-size: 18px;
}


}

@media (max-width: 1500px) {     
.present-txt-sub {
    font-size: 16px;
}
    .tour-txt {
    font-size: 16px;
}
.spot-title-txt p {
    font-size: 16px;
}
  .spot-name {
    font-weight: 600;
    font-size: 24px;
    padding-top: 1em;
}.spot02 .spot-ill {
    width: 40px;
    right: 20px;
    top: 4px;
}.spot04 .spot-ill {
    width: 56px;
    right: 10px;
    top: 8px;
}.sec-title-point {
    width: 80%;
}.sec-title-point p {
    font-size: 18px;
}.point-items {
    width: 88%;
}
}

@media (max-width: 1300px) { 
.inner-mini {
    width: 66%;
    margin: 0 auto;
}
.inner-mini2 {
    width: 72%;
    margin: 0 auto;
}
  .present-pic03 {
    position: absolute;
    width: 36%;
    bottom: 16%;
    left: -6%;
    z-index: 2;
}.present-pic04 {
    position: absolute;
    width: 28%;
    bottom: 16%;
    left: 46%;
    z-index: 2;
}
}

@media (max-width: 1100px) { 
.inner-mini {
    width: 84%;
    margin: 0 auto;
}
  .inner-mini2 {
    width: 86%;
    margin: 0 auto;
}
  
}
 @media (max-width: 900px) {
	  .pc{
	display: none;
   }
	 
    .sp{
		 display: block;	 
	 }	
.nougat-wrap {
    width: calc(74% - 2%);
    padding-top: 15%;
}
.present-sp-pic {
    width: calc(26% - 2%);
    padding-top: 5%;
}.present-pic02 {
    position: absolute;
    width: 26%;
    top: 38%;
    left: -5%;
    z-index: 2;
}.ov-lead p {
    font-size: 17px;
}.ov-info p {
    font-size: 17px;
}.tours-lead {
    font-size: 15px;
}.tours-item {
    width: calc(50% - 3%);
    padding-bottom: 80px;
}.spot-title-ill {
    width: 30%;
    margin: auto 0 0 0;
}.spot-title-txt {
    width: 68%;
    font-size: 14px;
    font-weight: 400;
}.spot-name {
    font-weight: 600;
    font-size: 20px;
    padding-top: 16px;
}.spot-txt {
    font-size: 14px;
    padding-top: 16px;
}.spot02 .spot-ill {
    width: 35px;
    right: 20px;
    top: 0px;
}.spot03 .spot-ill {
    width: 60px;
    right: 30px;
    top: 8px;
}.spot04 .spot-ill {
    width: 46px;
    right: 10px;
    top: 8px;
}.spot05 .spot-ill {
    width: 42px;
    right: 30px;
    top: -10px;
}.spot06 .spot-ill {
    width: 80px;
    position: absolute;
    right: 20px;
    top: 10px;
}.point-fukidashi {
    position: absolute;
    top: -60px;
    width: 150px;
    left: -120px;
}.point-items {
    width: 100%;
}.footer-inner {
    width: 86%;
    margin: 0 auto;
    color: #333;
    padding: 60px 0;
    position: relative;
}.foot-title {
    font-size: 18px;
    padding-bottom: 16px;
}
.footer-inner p {
    font-size: 13px;
    line-height: 1.6;
    font-weight: 400;
}
   .modaal-container {
  width: 64%;

}
}



 @media (max-width: 650px) {

.logo-wrap {
    position: absolute;
    top: 25%;
    right: 2%;
    width: 50px;
}
 .main {
    padding-top: 20px;
}  
   .present-inner {
    display: block;
   }
   .nougat-wrap {
    width: 100%;
    padding-top: 15%;
}
   .present-txt-sub {
    font-size: 13px;
}
   .present-sp-pic {
    width: 40%;
    padding-top: 5%;
    margin: 0 auto;
}
   .btn a {
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    padding: 16px;
    line-height: 1em;
    border-radius: 40px;
    font-weight: 600;
    letter-spacing: 0.1em;
}.btn-present a {
    background: #29abe2;
    color: #ffffff;
    width: 80%;
    transition: .4s;
}
   .btn-anq a {
    background: #f56ca0;
    color: #ffffff;
    width: 80%;
    transition: .4s;
}.present-bg01 {
    position: absolute;
    top: -3%;
    width: 100%;
}.present-pic01 {
    position: absolute;
    width: 35%;
    top: -5%;
    left: -4%;
    z-index: 2;
}.sec-title-present {
    position: absolute;
    width: 70%;
    top: -7%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
}.present-pic02 {
    position: absolute;
    width: 26%;
    top: 28%;
    left: -4%;
    z-index: 2;
}.present-bg03 {
    position: absolute;
    bottom: -2%;
    width: 100%;
}.overview {
    padding-top: 80px;
}.ov-lead p {
    font-size: 16px;
    text-align: left;
}.overview-img {
    position: relative;
    padding: 18% 0 0;
    width: 100%;
    margin: 0 auto;
}.overview-img .fukidashi {
    width: 32%;
    position: absolute;
    right: -2%;
    top: 0%;
}.overview-img p.sup {
    font-weight: 400;
    text-align: right;
    padding-top: 11px;
    font-size: 11px;
}.ov-info p {
    font-size: 14px;
}.tours-lead {
    font-size: 13px;
    line-height: 1.8;
}.tour-txt {
    font-size: 13px;
}.tours-item {
    width: calc(50% - 2%);
    padding-bottom: 40px;
}.tours-wrap {
    padding: 2% 10%;
}.inner-mini2 {
    width: 92%;
    margin: 0 auto;
}.tour-txt {
    font-size: 13px;
    padding-bottom: 10px;
}
   .btn-tours a {
    width: 80%;
}.spot-title-txt {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
}.spot-title-ill {
    width: 30%;
    margin: auto 0 0 0;
    display: none;
}.spot-pic {
    width: 100%;
}.spot-info {
    width: 84%;
    margin: 0 auto;
}.spot-name {
    font-weight: 600;
    font-size: 18px;
    padding-top: 26px;
}.spot-txt {
    font-size: 13px;
    padding-top: 12px;
}.spot02 .spot-ill {
    width: 30px;
    right: 10px;
    top: 14px;
}.spot03 .spot-ill {
    width: 50px;
    right: 10px;
    top: 17px;
}.spot04 .spot-ill {
    width: 40px;
    right: 10px;
    top: 20px;
}.spot05 .spot-ill {
    width: 32px;
    right: 10px;
    top: 10px;
}.spot06 .spot-ill {
    width: 80px;
    position: absolute;
    right: 10px;
    top: 16px;
}.sec-title-point p {
    font-size: 16px;
    text-align: left;
}.point-fukidashi {
    position: absolute;
    top: -80px;
    width: 90px;
    left: -30px;
}.sec-title-point p {
    font-size: 16px;
    text-align: left;    padding-top: 20px;
}.point-items {
    padding: 40px 0 80px;
}.point-item {
    margin-bottom: 16px;
}.inner-mini {
    width: 90%;
    margin: 0 auto;
}.modaal-container {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}.present-pic03 {
    position: absolute;
    width: 36%;
    bottom: 16%;
    left: -1%;
    z-index: 2;
}.present-pic05 {
    position: absolute;
    width: 32%;
    bottom: 20%;
    right: -1%;
    z-index: 2;
}.jitsugen {
    width: 160px;
    position: relative;
    right: 0;
    top: 0;
    margin: 0 auto;
}.footer-inner p {
    font-size: 13px;
    line-height: 1.6;
    font-weight: 400;
    text-align: center;
}.foot-title {
    font-size: 18px;
    padding-bottom: 16px;
    text-align: center;
}
   .present-pic03 {
    position: absolute;
    width: 36%;
    bottom: 16%;
    left: -2%;
    z-index: 2;
}.present-pic02 {
    position: absolute;
    width: 26%;
    top: 28%;
    left: -2%;
    z-index: 2;
}.present-pic04 {
    position: absolute;
    width: 28%;
    bottom: 16%;
    left: 43%;
    z-index: 2;
}.present-pic05 {
    position: absolute;
    width: 32%;
    bottom: 20%;
    right: -3%;
    z-index: 2;
}.present-fukidsashi {
    position: absolute;
    width: 28%;
    top: -5%;
    right: -2%;
    z-index: 2;
}
 .outline {
    padding: 30px;
}
   
}