@charset "UTF-8";

.greet-lead{margin:15px 8%;}
#page-greet h2{font-size:20px; text-align:center; margin:30px 15px 30px;}

.oneday-sample{background:url(../img/common/bg_top-info.png);}
.one-day-wrap{overflow:hidden;}

.day-type{overflow:hidden; margin:20px 8% 30px;}

.timeline{width:70px; float:left; margin-top:50px;}
.timeline li{
  border:3px solid #ccccc9;
  border-radius:18px;
  padding:2px 5px;
  margin:15px 0;
  background:#FFF;
  font-weight:bold;
  text-align:center;
  position:relative;
}
.timeline li:before{
  content:" ";
  display:block;
  width:5px;
  height:15px;
  position:absolute;
  background:#ccccc9;
  top:-15px;
  left:50%;
  margin-left:-2.5px;
}
.timeline li:after{
  content:" ";
  display:block;
  width:5px;
  height:15px;
  position:absolute;
  background:#ccccc9;
  bottom:-15px;
  left:50%;
  margin-left:-2.5px;
}

.day-flow{border-radius:12px; border:1px solid #eeeeee; background:#FFF; width:70%; float:right; font-weight:bold;}
.day-flow dt{padding:10px; text-align:center; border-radius:8px 8px 0 0; color:#FFF;}
.day-flow dd{padding:12px 10px; border-bottom:1px dotted #b2b2b2; text-align:center;}
.day-flow dd:last-child{border-bottom:none;}
.day-flow .time-attent{font-weight:normal; font-size:14px;}
.day-flow .height01{padding:26px 0px;}
.day-flow .height02{padding:53px 0px;}
.day-flow .height03{padding:8px 0px;}
.day-flow .height04{padding:3px 0px;}
.day-flow .height05{padding:39px 0px;}
.day-type:nth-child(1) dt{background:#2a9134;}
.day-type:nth-child(1) dd{color:#2a9134;}
.day-type:nth-child(2) dt{background:#1e91d6;}
.day-type:nth-child(2) dd{color:#1e91d6;}
.day-type:nth-child(3) dt{background:#faa613;}
.day-type:nth-child(3) dd{color:#faa613;}
.day-intro{background:#EEE; border-radius:8px; padding:15px;}
.day-intro b{font-size:18px; text-align:center; margin-bottom:10px; display:block;}
.day-intro p{font-weight:normal; color:#000; text-align:left;}
.day-type:nth-child(1) .day-intro{background:#e9f4ea;}
.day-type:nth-child(2) .day-intro{background:#e8f4fb;}
.day-type:nth-child(3) .day-intro{background:#fef6e7;}

.oneday-flow{padding:20px 8%;}

.flow-box{margin-bottom:30px; position:relative;}
.flow-box:nth-child(3) h3{background:url(../img/page/ico_step01.png) no-repeat left top;}
.flow-box:nth-child(4) h3{background:url(../img/page/ico_step02.png) no-repeat left top;}
.flow-box:nth-child(5) h3{background:url(../img/page/ico_step03.png) no-repeat left top;}
.flow-box:nth-child(6) h3{background:url(../img/page/ico_step04.png) no-repeat left top;}
.flow-box:nth-child(7) h3{background:url(../img/page/ico_step05.png) no-repeat left top;}
.flow-box:nth-child(8) h3{background:url(../img/page/ico_step06.png) no-repeat left top;}
.flow-box:nth-child(9) h3{background:url(../img/page/ico_step07.png) no-repeat left top;}
.flow-box:nth-child(10) h3{background:url(../img/page/ico_step08.png) no-repeat left top;}
.flow-box:nth-child(11) h3{background:url(../img/page/ico_step09.png) no-repeat left top;}
.flow-box:nth-child(12) h3{background:url(../img/page/ico_step10.png) no-repeat left top;}
.flow-box h3{
  margin:40px auto 20px;
  padding:5px 0 20px 70px;
  font-size:16px;
  border-bottom:4px solid #c9e5b3;
  color:#68b82d;
  background-size:60px !important;
}
.flow-box .photo{
  margin-bottom:10px;
  position:relative;
  z-index:20;
  text-align:center;
}
.flow-box .photo img{
  border-radius:8px;
  border:5px solid #FFF;
  position:relative;
  z-index:24;
}
.flow-box .photo:after{
  content:"&";
  display:block;
  width:100%;
  height:100%;
  background:url(../img/page/bg_photo-line.png) repeat;
  position:absolute;
  top:15px;
  left:15px;
  border-radius:8px;
}

.flow-box .txt{ position:relative; z-index:20;}

.other-program{background: url(../img/common/bg_line01.png); padding:10px 8% 1px;}
.other-program h3{font-size:22px; text-align:center;}
.other-program .txt{margin:15px 0;}
.list-program{border-radius:8px; padding:15px 20px; background:#FFF; margin:40px 0;}
.list-program ul li{
	display:block;
	width:100%;
	margin-bottom:10px;
	 font-weight:bold;
}
.list-program ul li:before{content:"●"; color:#68b82d; margin-right:10px;}

@media (min-width: 768px) {
.day-type{padding-bottom:50px;}
.day-flow{width:80%;}
.flow-box{margin-top:50px;}
.flow-box .photo:after{
  width:480px;
  height:310px;
  top:50%;
  left:50%;
  margin:-145px 0 0 -250px;
}
.other-program{padding-bottom:40px;}
.list-program ul li{display:inline-block; width:32.5%;	margin-bottom:15px;}
.list-program{padding:40px 0 25px 30px; margin:40px 15px;}
}

@media (min-width: 940px) {
#page-greet .page-content .pc-inner{margin-top:40px; overflow:hidden;}
.greet-lead{margin:0;}
.oneday-sample{padding:80px 0;}

.page-content .oneday-flow{margin:60px auto 0; padding:0;}
.oneday-flow .pc-inner{padding:0 0 50px; overflow:hidden;}
.one-day-wrap{padding:100px 0;}
.day-flow{width:260px;}
.day-type{width:350px; display:inline-block; vertical-align:top; margin:0;}
.day-type .timeline{margin:45px 0 0 5px;}
.day-type:nth-child(1){width:260px;}
.day-type:nth-child(1) .timeline{display:none;}
.day-type:nth-child(2){margin:0 10px;}

.flow-box{ margin-bottom:60px;}
.page-content .flow-box .pc-inner{width:1000px; margin:20px auto 20px; overflow:hidden;}
.flow-box:nth-child(odd) .photo{float:left;}
.flow-box:nth-child(odd) .txt{float:right;}
.flow-box .photo{float:right;}
.flow-box .txt{float:left; width:450px;}
.flow-box .txt h3{font-size:24px; text-align:left; padding:10px 0 30px 120px; background-size:auto !important;}
.flow-box .photo:after{
  width:100%;
  height:100%;
  top:15px;
  left:15px;
  margin:0;
}
.flow-box:nth-child(even) .photo:after{
  left:-15px;
  margin:0;
}

.other-program{padding:120px 0 100px;}
.other-program .inner{max-width:1000px; margin:0 auto;}
.other-program p{font-size:16px; line-height:1.6;}

.list-program{margin:40px 0;}

}