@charset "UTF-8";


.bg_line{text-align: center; padding-bottom: 15px; margin-bottom: 20px;}
.bg_line span{display:block; color: #fd7e01; font-size:18px;}
.bg_line img{height: 16px;}

.greet-lead{margin:15px; font-size: 14px;}
.one-day-wrap{overflow:hidden;}
.one-day{width:84%; margin:30px auto; padding:0; border:none; border-radius: 6px;}
.one-day-tit{
  text-align: center; color: #FFF; font-weight: bold; font-size: 16px; padding: 10px 0;
  border-radius: 6px 6px 0 0;
}
.one-day-tit span{font-size: 14px; display: block;}
.table-wrp{margin-bottom: 20px;  border-radius: 0 0 6px 6px;}
.table-wrp table{width: 100%;}
.table-wrp table th,
.table-wrp table td{padding:  10px; vertical-align: middle;}
.table-wrp table tr{border-bottom: 2px dotted #5a2d00;}
.table-wrp table tr:last-child{border-bottom: none;}
.one-day .use{border: 2px solid #e8dbcd; border-radius: 6px; padding: 10px 10px 15px;}
.one-day .use h3{
  border-bottom: 2px dotted #e8dbcd; margin-bottom: 10px;
  text-align: center; padding-bottom: 10px;
 }
.one-day .use p{font-size: 14px;}

.a-style .one-day-tit{background: #0C1399;}
.a-style .table-wrp{border: 4px solid #0C1399;}
.a-style .table-wrp table td.cont{background: #ecf4f7; color: #0C1399;}
.a-style .use h3{color: #0C1399;}

.b-style .one-day-tit{background:#329a0d;}
.b-style .table-wrp{border: 4px solid #329a0d;}
.b-style .table-wrp table td.cont{background: #eaf5e6; color: #329a0d;}
.b-style .use h3{color: #329a0d;}

.c-style .one-day-tit{background:#fd7e01;}
.c-style .table-wrp{border: 4px solid #fd7e01;}
.c-style .table-wrp table td.cont{background: #ffecd9; color: #fd7e01;}
.c-style .use h3{color: #fd7e01;}


.oneday-flow{background:#f7f0d2; padding: 40px 0; position: relative; margin: 60px 0 0;}
.oneday-flow:before {
  content: " ";
    width: 100%;
    height: 50px;
    position: absolute;
    background: url(../img/common/bg_wave-top4_sp.png) no-repeat left bottom;
    top: -50px;
    background-size: 100%;
}
.oneday-flow:after {
  content: " ";
    width: 100%;
    height: 50px;
    position: absolute;
    background: url(../img/common/bg_wave-bottom4_sp.png) no-repeat left top;
    bottom: -50px;
    background-size: 100%;
}
.oneday-flow .pc-inner{padding:15px 25px;}
.oneday-flow .lead{margin: 10px 0 20px; font-size: 14px;}
.flow-box{ position:relative;}
.flow-box h3{
  margin:0 auto 20px; font-size:18px;
  border-bottom: 4px dotted #fd9501; position:relative;
  padding-bottom: 15px;
}
.flow-box h3:before{
  content: "01";
  background: #fd9501;
  display: inline-block;
  width: 45px;
  height: 45px;
  text-align: center;
  color: #FFF;
  border-radius: 50%;
  line-height: 45px;
  font-size: 24px;
  margin-right: 20px;
}
.flow-box h3:after{
  content: "　";
    width: 0;
    display: block;
    height: 0;
    border: 10px solid transparent;
    border-left: 16px solid #fd9501;
    position: absolute;
    top: 15px;
    left: 40px;
    margin: 0;
}
.flow-box:nth-child(3) h3:before{content: "02";}
.flow-box:nth-child(4) h3:before{content: "03";}
.flow-box:nth-child(5) h3:before{content: "04";}
.flow-box:nth-child(6) h3:before{content: "05";}
.flow-box:nth-child(7) h3:before{content: "06";}
.flow-box:nth-child(8) h3:before{content: "07";}
.flow-box:nth-child(9) h3:before{content: "08";}
.flow-box:nth-child(10) h3:before{content: "09";}
.flow-box:nth-child(11) h3:before{content: "10";}


.flow-box .photo{margin: 10px -5% 0; position:relative; z-index:20; text-align:center;}
.flow-box .photo img{width: 120%;}
.flow-box .txt{ position:relative; z-index:20;}
.flow-box .txt p{font-size: 14px;}
.flow-box .txt .day-num{color:#e50012; position:relative; text-align:center; font-weight:bold; font-size:24px;}
.flow-box .txt .day-num:after{content:" "; display:block; margin:0 auto 20px; background:#e50012; width:30px; height:2px;}

.oneday-step{background: url(../img/common/bg_star.png);}
.oneday-step .pc-inner{padding:55px 25px 15px;}
.oneday-step .pc-inner>p{font-size: 14px;}
.oneday-step .pc-inner>ul{margin: 30px 0 0; background: #FFF; padding: 20px 0;}
.oneday-step ul li{margin-bottom: 20px;}
.oneday-step ul div{display: table; width: 100%;}
.oneday-step ul div .photo,
.oneday-step ul div .txt{display: table-cell; vertical-align: top;}
.oneday-step ul div .photo{width: 25%;}
.oneday-step ul div .txt{padding-left: 10px;}
.oneday-step ul div .txt h3{color: #fd7e01; border-bottom: 2px dotted #fd7e01;
	padding-bottom: 5px; margin-bottom: 5px;
}

.flow-step{overflow: hidden; background: #FFF; padding: 20px 0;}
.flow-step h3{
	background:#e8dbcd;
	padding: 10px 15px;
	border-radius: 4px;
	font-size: 15px;
	text-align: center;
	position: relative;
}
.flow-step h3:after{
	content: "　";
    width: 0;
    display: block;
    height: 0;
    margin-left: -14px;
    border: 14px solid transparent;
    border-top: 16px solid #e8dbcd;
    position: absolute;
    bottom: -22px;
    left: 50%;
  }
.flow-shikaku{width: 30%; float:left; }
.flow-shikaku ul{border-bottom: 2px dotted #5a2d00; width: 45%; margin: 20px auto;}
.flow-shikaku ul li{padding: 2px 5px; margin-bottom: 2px; border-top: 2px dotted #5a2d00;}
.flow-shikaku ul li p{
	padding: 10px 2px; font-weight: bold;
	  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
	    text-align: center;
}
.flow-shikaku ul li:nth-child(1) p{background: #e1f3d1; height: 410px;}
.flow-shikaku ul li:nth-child(2) p{background: #feeabf; height: 240px;}
.flow-recruit{width: 67%; float:right;}
.oneday-step .step-recruit{margin: 20px 0 0 0;}
.oneday-step .step-recruit>li{
	border: 2px solid #e8dbcd; background: #FFF; border-radius: 6px;
	position:relative; margin-bottom: 30px;
}
.step-recruit>li:after{
	content: "　";
    width: 0;
    display: block;
    height: 0;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 12px solid #87ce47;
    position: absolute;
    bottom: -30px;
    left: 50%;
}
.step-recruit>li:nth-child(2):after{border-top: 12px solid #329a0d;}
.step-recruit>li:nth-child(3):after{border-top: 12px solid #fd7e01;}
.step-recruit>li:nth-child(4):after{display: none;}
.step-recruit h4{
	text-align: center; background: #87ce47; padding: 1px 0 5px 0;
	border-radius: 6px 6px 0 0; margin: -2px; color: #FFF;
}
.step-recruit>li:nth-child(2) h4{background: #329a0d;}
.step-recruit>li:nth-child(3) h4{background: #fd7e01;}
.step-recruit>li:nth-child(4) h4{background: #fdad01;}
.step-recruit h4 img{width: 70px; margin: -10px auto 5px; display: block;}
.step-recruit li ul{margin: 10px;}
.step-recruit li li{margin-bottom: 5px; font-size: 13px;}
.step-recruit li li:before{content: "●"; margin-right: 5px; color: #87ce47;}
.step-recruit li:nth-child(2) li:before{color: #87ce47;}
.step-recruit li:nth-child(3) li:before{color: #fd7e01;}
.step-recruit li:nth-child(4) li:before{color: #fdad01;}

.other-program{padding:40px 0 0; background: #FFF;}
.other-program h3.tit_line{font-size:16px; text-align:center; margin-bottom:30px;}
.other-program .tit_line:after{
  content: " "; display: block; width: 40%; height: 1px;
  border-top: 3px dotted #5a2d00; margin: 10px auto;
}
.other-program .txt{margin:15px; font-size: 14px;}
.oneday-step .list-program{border-radius:4px; padding:10px; background:#f9f5f1; margin:20px 15px;}
.oneday-step .list-program ul{margin: 10px;}
.oneday-step .list-program ul li{
	display:block;
	width:100%;
	margin-bottom:10px;
	 font-weight:bold;
}
.list-program ul li:before{content:"●"; color:#fdad01; margin-right:10px;}

@media (min-width: 768px) {
.bg_line{text-align: center; padding-bottom: 20px; margin-bottom: 40px;}
.bg_line span{display:block; color: #fd7e01; font-size:34px;}
.bg_line img{height: auto;}


.other-program h3{font-size:34px;	margin-bottom:20px;}
.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) {
.greet-lead{margin:0 0 40px; font-size: 22px;}
.page-content .oneday-flow{margin:60px auto 0;}
.oneday-flow .pc-inner{padding:0;}
.oneday-flow:before {
    background: url(../img/common/bg_wave-top4.png) no-repeat left bottom;
}
.oneday-flow:after {
     background: url(../img/common/bg_wave-bottom4.png) no-repeat left bottom;
}
.oneday-flow .one-day{margin-top:30px;}
.oneday-flow .lead{font-size:22px; margin-bottom: 40px;}

.one-day{width:30%; float:left;}
.one-day:nth-child(2){margin:30px 5%;}
.one-day .use{padding: 20px;}
.one-day .use p{font-size: 16px;}

.flow-box{ margin-bottom:60px;}
.page-content .flow-box .pc-inner{width:1000px; margin:0 auto 60px; overflow:hidden; padding:0px;}
.flow-box:nth-child(odd) .photo{float:left;}
.flow-box:nth-child(odd) .txt{float:right;}
.flow-box .photo{float:right; width: 45%; margin: 0;}
.flow-box .photo img{width: 100%;}
.flow-box .txt{float:left; width:50%;}
.flow-box .txt h3{font-size:26px; text-align:left;}
.flow-box h3:before {
    width: 75px;
    height: 75px;
    line-height: 75px;
    font-size: 34px;
}
.flow-box h3:after {
    border: 10px solid transparent;
    border-left: 16px solid #fd9501;
    top: 30px;
    left: 70px;
}
.flow-box .txt p{font-size: 16px;}

.oneday-step .pc-inner{padding: 80px 0 0;}
.oneday-step .pc-inner>p {font-size: 22px;}
.oneday-step .pc-inner>ul{background: #FFF; padding: 20px 0;}
.oneday-step ul{text-align: center;}
.oneday-step ul li {
    display: inline-block;
    vertical-align: top;
    width: 11%;
    margin: 0 1%;
}
.oneday-step ul div {display: block;}
.oneday-step ul div .photo, .oneday-step ul div .txt {
    display: block; width: 100%;
}
.oneday-step ul div .photo{height: 130px;}
.oneday-step ul li:last-child div .photo img{margin-top: 23px;}
.oneday-step ul div .txt p{font-size: 13px; text-align: left;}

.flow-step{background: #FFF; padding: 0 20px; overflow: hidden;}
.flow-shikaku {width: 100%; float: none; display: table;}
.flow-shikaku ul,
.oneday-step .step-recruit{float: right; border-bottom: none;}
.flow-shikaku ul{width: 86%; margin:5px 0; border-right: 2px dotted #5a2d00;}
.flow-step h3{width: 12%; padding: 15px 15px 15px 20px; margin-bottom:20px; text-align:left; float: left;}
.flow-step h3:after {
    margin: 0 0 -8px 0;
    border: 10px solid transparent;
    border-left: 12px solid #e8dbcd;
    bottom: 50%;
    left: 100%;
}
.flow-shikaku ul li{width: auto; border-top:none; border-left:2px dotted #5a2d00; margin: 0;}
.flow-shikaku ul li p {
    padding: 5px 2px;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    text-align: center;
    width: 100%;
}
.flow-shikaku ul li:nth-child(1) {width: 62%;}
.flow-shikaku ul li:nth-child(2) {width: 36%;}
.flow-shikaku ul li:nth-child(1) p {height: auto;}
.flow-shikaku ul li:nth-child(2) p {height: auto;}
.flow-recruit {width: 100%; float: none;}
.flow-recruit h3{margin-top: 40px;}
.oneday-step .step-recruit{width: 86%;}
.oneday-step .step-recruit>li{display: block; float: left; min-height: 140px;}
.oneday-step .step-recruit>li:nth-child(1){width: 34%; margin: 0 2% 0 0;}
.oneday-step .step-recruit>li:nth-child(2){width: 22%; margin: 0 2% 0 0;}
.oneday-step .step-recruit>li:nth-child(3){width: 22%; margin: 0 2% 0 0;}
.oneday-step .step-recruit>li:nth-child(4){width: 16%; margin: 0;}
.oneday-step .step-recruit>li ul{text-align: left;}
.oneday-step .step-recruit>li li{width: 100%;}
.step-recruit>li:nth-child(1) li{width: 46%; display: inline-block;}
.step-recruit>li:nth-child(1) li:nth-child(1){width: 100%; display: block; margin-bottom: 5px;}
.step-recruit>li:nth-child(2) li{width: 46%; display: inline-block;}
.step-recruit>li:after{
    margin-left: 0;
    border: 10px solid transparent;
    border-left: 12px solid #87ce47;
    top: 5%;
    left: 100%;
}
.step-recruit>li:nth-child(2):after {
    margin-left: 0;
    border: 10px solid transparent;
    border-left: 12px solid #329a0d;
    top: 5%;
    left: 100%;
}
.step-recruit>li:nth-child(3):after {
    margin-left: 0;
    border: 10px solid transparent;
    border-left: 12px solid #fd7e01;
    top: 5%;
    left: 100%;
}

.other-program{padding:20px; margin: 50px 0;}
.other-program .inner{max-width:1000px; margin:0 auto;}
.other-program .txt{font-size:22px; line-height:1.6;}
.other-program h3.tit_line {font-size: 28px;}
.other-program .tit_line:after {width: 20%; margin: 20px auto;}
.list-program{margin:40px 0;}
.oneday-step .list-program ul li{width: 100%; display: inline-block; text-align: left; margin-left: 0;}
}