.summer .open-c .sec-inner{
padding: 12% 0 7% 5%;
}
.summer .open-c .sec-wrap{
position: relative;
padding: 0;
}
.summer .open-c h2{
font-size: 52px;
font-weight: 800;
line-height: 1;
color: #14710B;
text-align: left;
margin: 0 0 4%;
}
.summer .open-c h2 span{
font-family: "Poppins", sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 1;
color: #14710B;
padding: 0 0 0 20px;
}
.summer .open-c h2 p{
font-size: 28px;
font-weight: 700;
line-height: 2.3;
color: #14710B;
}
.summer .open-c p{
font-weight: 700;
color: #14710B;
line-height: 2.5;
}
.summer .open-c p.summer .open-c-sentence02{
margin: 0 0 4%;
}
.summer .open-c p.summer .open-c-sentence03{
font-size: 12px;
font-weight: 400;
margin: 0 0 5%;
line-height: 1.6;
}
.summer .open-c-cont{
position: relative;
padding: 0 0 1px;
}
.summer .open-c-cont-img01{
position: absolute;
width: 17%;
top: 3%;
right: 6.5%;
z-index: 2;
}
.summer .open-c-cont-img02{
position: absolute;
width: 19.5%;
bottom: 59.3%;
right: 25.8%;
z-index: 3;
}
.summer .open-c-cont-img03{
position: absolute;
width: 26%;
bottom: 33%;
right: 0;
z-index: 3;
}
.summer .open-c-cont-img04{
position: absolute;
width: 46.8%;
bottom: 0;
right: 0;
z-index: 3;
}
.summer .open-c-cont-img05{
position: absolute;
width: 14%;
bottom: 0;
left: 0;
transform: translateY(50%);
z-index: 3;
}
.summer .program{
background: #14710B;
position: relative;
}
.summer .program .sec-wrap{
padding: 0;
}
.summer .program .sec-inner{
}
.summer .program::after{
position: absolute;
content: '';
width: 100%;
height: 18%;
background: #fff;
bottom: 0;
left: 0;
}
.summer .program .sec-ttl{
margin: 0 0 4%;
}
.summer .program h2{
color: #fff;
}
.summer .program .sec-ttl p{
color: #fff;
font-size: 24px;
font-weight: 700;
text-align: center;
}
.summer .program-main-text{
color: #B8DE00;
font-size: 50px;
font-weight: 700;
text-align: center;
line-height: 1.3;
margin: 0 0 3%;
}
.summer .program-main-text span{
color: #fff;
font-weight: 700;
}
.summer .program-ex{
color: #fff;
width: 92%;
max-width: 926px;
margin: 0 auto 5%;
}
.summer .program-cont-block{
position: relative;
background: url("../images/s-program-img.jpg") no-repeat right top;
background-size: 47% auto;
}
.summer .program-cont-days-ex{
width: 92%;
max-width: 1140px;
margin: 0 auto;
padding: 3% 0 4%;
}
.summer .program-cont-days-once{
width: 59%;
background: #fff;
margin: 0 0 2%;
padding: 1.5% 2%;
border: 1px solid #14710B;
}
.summer .program-cont-days-once-ttl{
font-family: "Poppins", sans-serif;
font-size: 45px;
font-weight: 600;
color: #14710B;
line-height: 1.1;
}
.summer .program-cont-days-once p{
font-size: 22px;
font-weight: 700;
color: #14710B;
line-height: 1.4;
}
.summer .program-cont-ex-once{
width: 50%;
margin: 0 0 2%;
}
.summer .program-cont-ex-once p.add-indent{
font-size: 14px;
color: #fff;
margin: 0 0 4px;
text-indent: -1em;
padding-left: 1em;
}
.summer .program-cont-ex-once p.add-indent span{
font-size: 14px;
color: #B8DE00;
}
.summer .program-comment-block{
background: #fff;
width: 92%;
max-width: 1140px;
margin: 0 auto;
padding: 2% 2% 8%;
border: 2px solid #14710B;
position: relative;
z-index: 2;
}
.summer .program-comment-block-ttl{
text-align: center;
background: #B8DE00;
font-size: 26px;
font-weight: 700;
color: #14710B;
line-height: 2;
margin: 0 0 4%;
}
.summer .program-comment-box{
display: flex;
justify-content: space-between;
max-width: 960px;
margin: 0 auto;
}
.summer .program-comment-once{
width: 30%;
position: relative;
}
.summer .program-comment-once::before{
position: absolute;
content: '';
width: 100%;
height: 100%;
background: #DFF66C;
z-index: 1;
top: 10px;
left: 10px;
}
.summer .program-comment-once-inner{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: relative;
text-align: center;
padding: 12% 0;
color: #14710B;
font-weight: 700;
z-index: 2;
border-left: 2px solid #14710B;
border-right: 2px solid #14710B;
border-top: 2px solid #14710B;
}
.summer .program-comment-once-inner::after{
position: absolute;
content: '';
width: 100%;
height: 41px;
left: 0;
bottom: -39px;
background: url("../images/program-comment-line.svg") no-repeat center center;
background-size: auto 100%;
}
.summer .guideline{
background: url("../images/guideline-bg.jpg") no-repeat center top;
background-size: cover;
margin: 0 0 3%;
}
.summer .guideline-wrap{
max-width: 1300px;
margin: 0 auto;
padding: 0 4%;
position: relative;
}
.summer .guideline-inner{
max-width: 900px;
margin: 0 auto;
padding: 15% 0;
}
.summer .guideline-ttl-box{
background: #A9CB03;
}
.summer .guideline-ttl{
padding: 3% 0 2%;
}
.summer .guideline-ttl h2{
color: #14710B;
}
.summer .guideline-ttl p{
color: #14710B;
font-size: 24px;
font-weight: 700;
text-align: center;
}
.summer .guideline-box{
background: #fff;
padding: 4% 5.5% 6%;
position: relative;
z-index: 1;
}
.summer .guideline-box-ttl{
color: #14710B;
font-size: 33px;
font-weight: 700;
line-height: 1.4;
text-align: center;
}
.summer .guideline-box-ttl-sub{
color: #14710B;
font-size: 25px;
font-weight: 700;
line-height: 1.4;
margin: 0 0 3%;
text-align: center;
}
.summer .guideline-ex{
font-weight: 500;
color: #14710B;
text-align: center;
margin: 0 0 4%;
}
.summer .guideline-sche-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.summer .guideline-sche-once{
width: 47.5%;
background: #14710B;
border-radius: 20px;
margin: 0 0 3%;
padding: 2% 3%;
text-align: center;
}
.summer .guideline-sche-once:nth-child(1),
.summer .guideline-sche-once:nth-child(2){
margin: 0 0 4%;
}
.summer .guideline-sche-once-ttl{
color: #fff;
font-weight: 700;
font-size: 25px;
line-height: 1.5;
padding: 0 0 12px;
border-bottom: 1px solid #B8DE00;
}
.summer .guideline-sche-once p{
font-size: 22px;
font-weight: 700;
color: #fff;
line-height: 1.5;
padding: 12px 0 0;
}
.summer .guideline-sche-att{
font-size: 13px;
text-align: center;
margin: 0 0 5%;
}
.summer .guideline-conditions{
display: flex;
margin: 2% 0;
min-height: 52px;
}
.summer .guideline-conditions-dt{
width: 108px;
flex-shrink: 0;
font-size: 20px;
font-weight: 500;
color: #14710B;
text-align:justify;
text-align-last:justify;
padding: 0 20px 0 0;
border-right: 2px solid #48A63F;
line-height: 52px;
}
.summer .guideline-conditions-dd{
display: flex;
align-items: center;
font-size: 16px;
font-weight: 500;
padding: 0 0 0 24px;
}
.summer .guideline .line01 {
position: absolute;
width: 1px;
height: 46%;
top: -18%;
left: 0;
transform: rotate(45deg);
transform-origin:left bottom;
}
.summer .flow{
background: #14710B;
}
.summer .flow .sec-ttl{
margin: 0 0 4%;
}
.summer .flow h2{
color: #B8DE00;
}
.summer .flow .sec-ttl p{
color: #B8DE00;
font-size: 24px;
font-weight: 700;
text-align: center;
}
.summer .flow-att{
text-align: center;
color: #fff;
font-weight: 500;
margin: 0 0 2%;
}
.summer .flow-box{
max-width: 900px;
margin: 0 auto;
}
.summer .flow-once{
background: #fff;
position: relative;
padding: 28px 0 34px;
text-align: center;
}
.summer .flow-once::before{
width: 106px;
height: 100%;
position: absolute;
content: '';
left: 0;
top: 0;
background: url("../images/flow-once-num.svg") no-repeat;
background-size: 100% auto;
}
.summer .flow-once-num{
position: absolute;
top: 0;
left: 20px;
color: #fff;
font-family: "Poppins", sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 1.5;
}
.summer .flow-once-ttl{
font-size: 30px;
font-weight: 700;
color: #14710B;
margin: 0 0 1.2%;
}
.summer .flow-once .pt01{
font-size: 14px;
font-weight: 400;
}
.summer .flow-once .pt01 span{
font-size: 16px;
font-weight: 500;
}
.summer .flow-once .pt02{
font-size: 20px;
font-weight: 600;
line-height: 2.2;
}
.summer .flow-once-entry{
width: 87.5%;
background: #14710B;
margin: 2% auto 0;
padding: 2% 0;
}
.summer .flow-once-entry-ttl{
font-size: 25px;
font-weight: 700;
color: #D4FF00;
line-height: 1.4;
}
.summer .flow-once-entry-date{
font-size: 25px;
font-weight: 700;
color: #fff;
line-height: 1.4;
margin: 0 0 3%;
}
.summer .flow-once-entry-date span{
font-size: 14px;
font-weight: 400;
color: #fff;
}
.summer .flow-once-entry-date-att{
font-size: 14px;
font-weight: 400;
color: #fff;
text-align: center;
}
.summer .flow-arrow{
padding: 4% 0;
text-align: center;
}
.summer .flow-arrow img{
width: 44px;
}
.summer .flow .line01 {
position: absolute;
width: 1px;
height: 18%;
top: 34%;
right: 6.2%;
background: #A9CB03;
}
.summer .flow .line02 {
position: absolute;
width: 1px;
height: 15%;
bottom: 2%;
right: 6.2%;
background: #A9CB03;
}
.summer .flow .line03 {
position: absolute;
width: 1px;
height: 15%;
bottom: 17%;
right: 6.2%;
background: #48A63F;
}
.summer .flow .line04 {
position: absolute;
width: 1px;
height: 53%;
top: -20%;
left: 0;
transform: rotate(45deg);
transform-origin:left bottom;
}
.summer .flow .line04 .top{
width: 1px;
height: 50%;
background: #fff;
}
.summer .flow .line04 .bottom{
width: 1px;
height: 50%;
background: #48A63F;
}
.summer .flow .line05{
position: absolute;
width: 1px;
height: 25%;
top: -21%;
right: 22%;
background: #48A63F;
z-index: 2;
}
.summer .voice .sec-wrap{
position: relative;
}
.summer .voice .sec-ttl{
margin: 0 0 4%;
}
.summer .voice h2{
color: #14710B;
}
.summer .voice .sec-ttl p{
color: #14710B;
font-size: 24px;
font-weight: 700;
text-align: center;
}
.summer .voice-box{
max-width: 700px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
z-index: 2;
}
.summer .voice-once{
width: 43%;
margin: 0 0 6%;
padding: 23% 0 0;
position: relative;
}
.summer .voice-ill{
position: absolute;
width: 70%;
left: 0;
right: 0;
top: 0;
margin: auto;
}
.summer .voice-once p{
border: 1px solid #48A63F;
font-size: 13px;
font-weight: 500;
background: #fff;
position: relative;
z-index: 1;
padding: 6% 6%;
min-height: 150px;
}
.summer .voice-once p::after{
position: absolute;
content: '';
width: 31px;
height: 30px;
top: -30px;
left: 50px;
background: url("../images/voice-add.svg") no-repeat;
background-size: 100% auto;
}
.summer .open-c .line01 {
position: absolute;
width: 73%;
height: 1px;
top: 10%;
left: 5%;
background: #48A63F;
}
.summer .open-c .line02 {
position: absolute;
width: 1px;
height: 19%;
top: 0%;
right: 30%;
background: #48A63F;
}
.summer .open-c .line03 {
position: absolute;
width: 50%;
height: 1px;
top: 28%;
right: 0;
display: flex;
}
.summer .open-c .line03 .left{
width: 50%;
height: 1px;
background: #48A63F;
}
.summer .open-c .line03 .right{
width: 50%;
height: 1px;
background: #A9CB03;
}
.summer .open-c .line04 {
position: absolute;
width: 91%;
height: 1px;
top: 61%;
right: 36%;
display: flex;
transform: rotate(-45deg);
transform-origin:right top;
z-index: 2;
}
.summer .open-c .line04 .t01{
width: 25%;
height: 1px;
background: #A9CB03;
}
.summer .open-c .line04 .t02{
width: 25%;
height: 1px;
background: #48A63F;
}
.summer .open-c .line04 .t03{
width: 25%;
height: 1px;
background: #A9CB03;
}
.summer .open-c .line04 .t04{
width: 25%;
height: 1px;
background: #48A63F;
}
.summer .program .line01 {
position: absolute;
width: 1px;
height: 11%;
top: 34%;
right: 2.2%;
background: #A9CB03;
}
.summer .program .line02 {
position: absolute;
width: 1px;
height: 13%;
bottom: 9%;
right: 3%;
background: #48A63F;
z-index: 3;
}
.summer .program .line03 {
position: absolute;
width: 16%;
height: 1px;
top: 67%;
left: 0;
display: flex;
transform: rotate(45deg);
transform-origin:left top;
}
.summer .program .line03 .t01{
width: 50%;
height: 1px;
background: #A9CB03;
}
.summer .program .line03 .t02{
width: 50%;
height: 1px;
background: #48A63F;
}
.summer .guideline .line01 .top{
width: 1px;
height: 63%;
background: #fff;
}
.summer .guideline .line01 .bottom{
width: 1px;
height: 37%;
background: #48A63F;
}
.summer .guideline .line02 {
position: absolute;
width: 1px;
height: 18%;
top: 30%;
right: 6.2%;
background: #A9CB03;
}
.summer .guideline .line03 {
position: absolute;
width: 20%;
height: 1px;
bottom: 40%;
right: 0;
background: #48A63F;
}
.summer .flow .line01 {
position: absolute;
width: 1px;
height: 18%;
top: 34%;
right: 6.2%;
background: #A9CB03;
}
.summer .flow .line02 {
position: absolute;
width: 1px;
height: 15%;
bottom: 2%;
right: 6.2%;
background: #A9CB03;
}
.summer .flow .line03 {
position: absolute;
width: 1px;
height: 15%;
bottom: 17%;
right: 6.2%;
background: #48A63F;
}
.summer .flow .line04 {
position: absolute;
width: 1px;
height: 48%;
top: -15%;
left: 0;
transform: rotate(45deg);
transform-origin:left bottom;
}
.summer .voice .line01{
position: absolute;
width: 1px;
height: 22%;
bottom: 28%;
right: 6.2%;
background: #A9CB03;
}
.summer .voice .line02{
position: absolute;
width: 1px;
height: 22%;
bottom: 23%;
right: 12%;
background: #48A63F;
}
.summer .voice .line03{
position: absolute;
width: 1px;
height: 28%;
top: 24%;
left: 0%;
background: #48A63F;
transform: rotate(45deg);
transform-origin:left bottom;
}
.summer .voice .line04{
position: absolute;
width: 12.5%;
height: 1px;
bottom: 8%;
right: 0;
background: #A9CB03;
}
.summer .voice .line05{
position: absolute;
width: 12.5%;
height: 1px;
bottom: 8%;
right: 12.5%;
background: #48A63F;
}

@media only screen and (max-width : 1200px) {
.summer .guideline .line02,
.summer .flow .line03,
.summer .flow .line02,
.summer .flow .line01{
right: 2.5%;
}
.summer .open-c .line01 {
top: 9%;
}
.summer .open-c .line03 {
width: 40%;
top: 24%;
}
.summer .open-c .line04 {
width: 100%;
top: 61%;
right: 29%;
}
.summer .program .line02 {
height: 13%;
bottom: 12%;
right: 2%;
}
.summer .program .line01 {
height: 11%;
top: 36%;
}
.summer .program .line03 {
width: 22%;
height: 1px;
top: 67%;
left: 0;
display: flex;
transform: rotate(45deg);
transform-origin: left top;
}
.summer .guideline .line01 {
height: 46%;
top: -18%;
left: -9%;
z-index: 2;
}
.summer .flow .line04 {
height: 35%;
top: -12%;
left: 0;
transform: rotate(45deg);
transform-origin:left bottom;
}
.summer .flow .line05 {
position: absolute;
width: 1px;
height: 22%;
top: -17%;
right: 22%;
background: #48A63F;
z-index: 2;
}
.summer .voice .line03{
height: 20%;
top: 14%;
}
.summer .voice .line01 {
height: 22%;
bottom: 28%;
right: 2.5%;
}
.summer .guideline .line03,
.summer .voice .line02 {
display: none;
}
}
@media only screen and (max-width : 1000px) {
.summer .open-c .line04 {
width: 58%;
top: 62%;
right: 12%;
}
.summer .open-c .line01 {
top: 7%;
}
.summer .open-c .line03 {
width: 30%;
top: 22%;
}
.summer .open-c .line02 {
width: 1px;
height: 15%;
right:27%;
}

}

@media only screen and (max-width : 767px) {
.summer .open-c .line01,
.summer .open-c .line02,
.summer .open-c .line03,
.summer .open-c .line04 .t02,
.summer .open-c .line04 .t03,
.summer .open-c .line04 .t04{
display: none;
}
.summer .open-c .line04 {
width: 27%;
top: 48%;
right: 0%;
}
.summer .open-c .line04 .t01 {
width: 100%;
}
.summer .open-c .line05 {
position: absolute;
width: 110%;
height: 1px;
top: 54px;
left: 0%;
background: #48A63F;
}
.summer .open-c .line06 {
position: absolute;
width: 1px;
height: 90%;
top: 14px;
right: 4.5%;
background: #48A63F;
}
.summer .program .line01 {
height: 7%;
top: 42%;
}
.summer .program .line03 {
width: 30%;
height: 1px;
top: 3%;
left: 0;
}
.summer .guideline .line01 {
height: 20%;
top: -6%;
left: -13%;
z-index: 2;
}
.summer .guideline .line01 .top {
height: 50%;
}
.summer .guideline .line01 .bottom {
height: 50%;
}
.summer .flow .line01 {
height: 10%;
}
.summer .flow .line04 {
height: 30%;
top: -14%;
left: -6%;
}
.summer .flow .line05 {
height: 18%;
top: -10%;
right: 16%;
background: #48A63F;
z-index: 2;
}
.summer .voice .line03 {
height: 12%;
top: -2%;
left: -7%;
}
.summer .voice .line04,
.summer .voice .line05{
bottom: 2%;
}
}



/*===================================================================*/
@media only screen and (max-width : 1200px) {

.summer .open-c h2 {
font-size: 42px;
margin: 0 0 4%;
}
.summer .open-c h2 span {
font-size: 30px;
padding: 0 0 0 20px;
}
.summer .open-c-cont-img02 {
position: absolute;
width: 19.5%;
bottom: 61.1%;
right: 18%;
}
.summer h2 {
font-size: 52px;
}
.summer .program .sec-ttl p {
font-size: 20px;
}
.summer .program-main-text {
font-size: 32px;
margin: 0 0 3%;
}
.summer .program-cont-days-once {
width: 58%;
padding: 1.5% 2%;
}
.summer .program-cont-days-once-ttl {
font-size: 34px;
}
.summer .program-cont-days-once p {
font-size: 18px;
}
.summer .program-comment-block-ttl {
font-size: 22px;
font-weight: 700;
}
.summer .guideline-inner {
padding: 12% 0;
}
.summer .guideline-sche-once-ttl {
font-size: 22px;
padding: 0 0 8px;
}
.summer .guideline-sche-once p {
font-size: 18px;
padding: 8px 0 0;
}
.summer .guideline-conditions {
min-height: 48px;
}
.summer .guideline-conditions-dt {
width: 100px;
font-size: 18px;
color: #14710B;
text-align: justify;
text-align-last: justify;
padding: 0 20px 0 0;
border-right: 2px solid #48A63F;
line-height: 48px;
}
.summer .guideline-conditions-dd {
font-size: 14px;
padding: 0 0 0 20px;
}
.summer .guideline-box-ttl {
font-size: 28px;
}
.summer .guideline-box-ttl-sub {
font-size: 20px;
}
.summer .flow-once-num {
left: 20px;
font-size: 34px;
}
.summer .flow-once::before {
width: 90px;
}
.summer .flow-once-ttl {
font-size: 24px;
}
.summer .flow-once-entry-ttl {
font-size: 22px;
}
.summer .flow-once-entry-date {
font-size: 22px;
}
.summer .flow-arrow {
padding: 3% 0;
}
.summer .flow-arrow img {
width: 34px;
}
.summer .program-cont-days-once p.add-indent {
font-size: 18px;
}
.summer .open-c h2 p {
font-size: 24px;
}
}

@media only screen and (max-width : 1000px) {
.summer .open-c h2 {
font-size: 34px;
margin: 0 0 4%;
}   
.summer .open-c h2 span {
font-size: 24px;
padding: 0 0 0 18px;
}
.summer .open-c-cont-img01 {
width: 19%;
top: 4%;
right: 6.5%;
}
.summer .open-c-cont-img02 {
position: absolute;
width: 19.5%;
bottom: 66%;
right: 2%;
}
.summer .open-c-cont-img03 {
width: 23%;
bottom: 19%;
right: 0;
}
.summer .open-c-cont-img04 {
width: 40%;
bottom: -4%;
right: 0;
}
.summer .open-c-cont-img05 {
width: 18%;
transform: translateY(50%);
z-index: 2;
}
.summer .program-main-text {
font-size: 26px;
margin: 0 0 3%;
}
.summer .program-cont-days-once-ttl {
font-size: 28px;
}
.summer .program-cont-days-once p {
font-size: 16px;
}
.summer .program-cont-days-once p.add-indent {
font-size: 16px;
}
.summer .program-cont-block {
position: relative;
background: url(../images/s-program-img.jpg) no-repeat right top;
background-size: 47% auto;
}
.summer .program-cont-days-once {
width: 62%;
padding: 1.5% 2%;
}
.summer .program-comment-block-ttl {
font-size: 18px;
line-height: 2.4;
}
.summer .program-comment-once {
width: 31.5%;
position: relative;
}
.summer .program-comment-once::before {
top: 8px;
left: 8px;
}
.summer .program-comment-once-inner::after {
width: 100%;
height: 32px;
left: 0;
bottom: -30px;
background: url(../images/program-comment-line.svg) no-repeat center center;
background-size: auto 100%;
}
.summer .guideline-box-ttl {
font-size: 22px;
}
.summer .guideline-box-ttl-sub {
font-size: 16px;
}
.summer .guideline-sche-once-ttl {
font-size: 20px;
padding: 0 0 8px;
}
.summer .guideline-sche-once p {
font-size: 16px;
padding: 8px 0 0;
}
.summer .flow-once-ttl {
font-size: 22px;
}
.summer .flow-once-entry-date {
font-size: 18px;
}
.summer .flow-once .pt02 {
font-size: 18px;
}
.summer .program-comment-once-inner{
font-size: 13px;
}
.summer .open-c h2 p {
font-size: 20px;
}
}

@media only screen and (max-width : 767px) {
.summer .guideline-wrap{
padding: 0 6%;
}
.summer .sec-inner {
padding: 12% 0;
}
.summer .flow .sec-inner {
padding: 12% 0 14%;
}
.summer .guideline-inner {
padding: 26% 0 14%;
}
.summer .voice .sec-ttl {
margin: 0 0 6%;
}
.summer .open-c h2 {
font-size: 30px;
margin: 0 0 8%;
line-height: 2.2;
position: relative;
}
.summer .open-c h2 span {
font-size: 26px;
padding: 0 0 0;
display: block;
}
.summer .open-c .sec-inner {
padding: 12% 4% 7% 4%;
overflow: visible;
}
.summer .open-c p {
font-size: clamp(12px, 3.2vw, 16px);
line-height: 2.1;
letter-spacing: 0.04em;
}
.summer .open-c p.summer .open-c-sentence02 {
margin: 0 0 5%;
}
.summer .open-c .summer .open-c-cont-img01_sp{
margin: 7% 0;
position: relative;
width: 106%;
left: -6%;
display: block;
}
.summer .open-c-cont-img02_sp{
margin: 7% 0;
}
.summer .program .sec-ttl p, .summer .guideline-ttl p, .summer .flow .sec-ttl p, .summer .voice .sec-ttl p {
font-size: 16px;
}
.summer .program-main-text {
font-size: 20px;
margin: 0 0 5%;
padding: 3% 0 0;
}
.summer .program-comment-block-ttl {
font-size: 14px;
line-height: 2.4;
margin: 0 0 6%;
}
.summer .program-comment-block {
padding: 8% 4% 3%;
border: 2px solid #14710B;
position: relative;
z-index: 2;
}
.summer .program-comment-once {
width: 100%;
position: relative;
margin: 0 0 34px;
}
.summer .program-comment-box {
display: block;
width: 90%;
margin: 0 auto;
}
.summer .program-comment-once-inner {
position: relative;
text-align: left;
padding: 5% 5% 5%;
margin: 0 auto;
}
.summer .program-comment-once-inner::after {
width: 100%;
height: 24px;
left: 0;
bottom: -22px;
background: url(../images/program-comment-line.svg) no-repeat center center;
background-size: auto 100%;
}
.summer .program-cont-days-ex {
padding: 4% 0 0;
}
.summer .program-cont-days-once {
width: 100%;
padding: 4% 4%;
position: relative;
z-index: 1;
}
.summer .program-cont-days-once-ttl {
font-size: 24px;
line-height: 1.3;
}
.summer .program-cont-days-once p {
font-size: 14px;
}
.summer .program-cont-days-once p.add-indent {
font-size: 14px;
}
.summer .program-cont-block {
position: relative;
background: none;
}
.summer .program-cont-days-ex img{
width: 80%;
position: relative;
top: 0;
left: 10%;
z-index: 0;
margin: 0 0 -10px;
}
.summer .guideline {
background-position: right 42% top;
background-size: auto 100%;
margin: 0 0 8%;
}
.summer .guideline-ttl {
padding: 7% 0 5%;
}
.summer .guideline-ex {
text-align: left;
margin: 0 0 4%;
}
.summer .guideline-sche-box {
display: block;
margin: 0 0 5%;
}
.summer .guideline-sche-once {
width: 100%;
border-radius: 3vw;
margin: 0 0 3%;
padding: 5% 5%;
text-align: center;
}
.summer .guideline-sche-once-ttl {
font-size: 18px;
padding: 0 0 8px;
}
.summer .guideline-sche-once p {
font-size: 16px;
padding: 8px 0 0;
}
.summer .guideline-sche-att {
font-size: 12px;
text-align: left;
margin: 0 0 8%;
}
.summer .guideline-conditions {
min-height: none;
display: block;
margin: 0 0 6%;
}
.summer .guideline-conditions-dt {
width: 100%;
font-size: 14px;
text-align: center;
text-align-last: auto;
padding: 0 0 6px;
border-right: none;
border-bottom: 1px solid #48A63F;
line-height: 2;
}
.summer .guideline-conditions-dd {
display: block;
font-size: 14px;
padding: 6px 0 0;
}
.summer .guideline-box-ttl {
font-size: 22px;
}
.summer .guideline-box-ttl-sub {
font-size: 16px;
margin: 0 0 6%;
}
.summer .guideline-box {
padding: 8% 5% 4%;
position: relative;
z-index: 1;
}
.summer .flow-att {
text-align: left;
font-size: 12px;
margin: 0 0 6%;
}
.summer .flow-once {
padding: 28px 4% 18px;
}
.summer .flow-once::before {
width: 62px;
}
.summer .flow-once-num {
left: 10px;
font-size: 22px;
}
.summer .flow-once-ttl {
font-size: 20px;
margin: 0 0 4%;
}
.summer .flow-once .pt01 {
font-size: 12px;
margin: 0 0 3%;
}
.summer .flow-once .pt01 span {
display: inline-block;
font-size: 16px;
padding: 0 0 10px;
}
.summer .flow-once-entry {
width: 100%;
margin: 2% auto 0;
padding: 3% 0 4%;
}
.summer .flow-once-entry-ttl {
font-size: 18px;
line-height: 1.9;
}
.summer .flow-once-entry-date {
font-size: 18px;
margin: 0 0 5%;
}
.summer .flow-arrow {
padding: 4% 0;
}
.summer .flow-arrow img {
width: 24px;
}
.summer .voice-box {
display: block;
width: 90%;
margin: 0 auto;
}
.summer .voice-once {
width: 100%;
margin: 0 0 6%;
padding: 49% 0 0;
}
.summer .voice-once p::after {
position: absolute;
content: '';
width: 31px;
height: 30px;
top: -30px;
left: 17%;
background: url(../images/voice-add.svg) no-repeat;
background-size: 100% auto;
}
.summer .open-c p.summer .open-c-sentence03 {
font-size: 10px;
margin: 0 0 3%;
}
.summer .flow-once-entry-date span {
font-size: 12px;
}
.summer .voice-once p {
    padding: 6% 6%;
    min-height: auto;
}
.summer .program-cont-ex-once {
    width: 100%;
    margin: 0 0 5%;
    padding: 3% 0 0;
}
.summer .program-cont-ex-once p.add-indent {
    font-size: 12px;
    margin: 0 0 4px;
}
.summer .flow-once-entry-date-att {
    font-size: 12px;
    text-align: left;
    padding: 0 4%;
}
.summer .open-c h2 p {
font-size: 18px;
line-height: 3;
}

}