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

}

/*===================================================================*/
@media only screen and (max-width : 1200px) {
body {
font-size:14px;
letter-spacing:0.08em;
}
.open-c h2 {
font-size: 42px;
margin: 0 0 4%;
}
.open-c h2 span {
font-size: 30px;
padding: 0 0 0 20px;
}
.open-c-cont-img02 {
position: absolute;
width: 19.5%;
bottom: 61.1%;
right: 18%;
}
h2 {
font-size: 52px;
}
.program .sec-ttl p {
font-size: 20px;
}
.program-main-text {
font-size: 32px;
margin: 0 0 3%;
}
.program-cont-days-once {
width: 58%;
padding: 1.5% 2%;
}
.program-cont-days-once-ttl {
font-size: 34px;
}
.program-cont-days-once p {
font-size: 18px;
}
.program-comment-block-ttl {
font-size: 22px;
font-weight: 700;
}
.guideline-inner {
padding: 12% 0;
}
.guideline-sche-once-ttl {
font-size: 22px;
padding: 0 0 8px;
}
.guideline-sche-once p {
font-size: 18px;
padding: 8px 0 0;
}
.guideline-conditions {
min-height: 48px;
}
.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;
}
.guideline-conditions-dd {
font-size: 14px;
padding: 0 0 0 20px;
}
.guideline-box-ttl {
font-size: 28px;
}
.guideline-box-ttl-sub {
font-size: 20px;
}
.flow-once-num {
left: 20px;
font-size: 34px;
}
.flow-once::before {
width: 90px;
}
.flow-once-ttl {
font-size: 24px;
}
.flow-once-entry-ttl {
font-size: 22px;
}
.flow-once-entry-date {
font-size: 22px;
}
.flow-arrow {
padding: 3% 0;
}
.flow-arrow img {
width: 34px;
}
.foooter-left {
width: 320px;
display: flex;
justify-content: space-between;
}
.foooter-link {
width: 150px;
padding: 5px 0 0;
}
.foooter-link a {
font-size: 14px;
line-height: 2.2;
padding: 0 0 0 6px;
}
.main-news-cont {
font-size: 12px;
}
.main-news-ttl {
width: 110px;
font-size: 24px;
}
.program-cont-days-once p.add-indent {
font-size: 18px;
}
.open-c h2 p {
font-size: 24px;
}
}

@media only screen and (max-width : 1000px) {
.o1000{display: none;}
.u1000{display: inline;}
header .left-box .info {
font-size: 14px;
line-height: 60px;
padding: 0 0 0 14px;
}
header .left-box .logo {
width: 130px;
line-height: 60px;
display: flex;
align-items: center;
}
header .entry a {
display: block;
font-size: 18px;
}
header .site-name .year {
font-size: 16px;
}
header .site-name .season {
font-size: 18px;
padding: 18px 6px 0;
}
.tab-once,
.tab-once:nth-child(2){
font-size: 22px;
padding: 14px 0 0;
border-radius: 14px 0 0 0;
line-height: 0.86;
}
.tab-box {
width: 40%;
height: 64px;
left: 3%;
}
.tab-once span,
.tab-once:nth-child(2) span{
font-size: 14px;
font-weight: 600;
color: #000;
line-height: 1;
}
.tab-once:nth-child(2) .cover {
    font-size: 16px;
    line-height: 64px;
}
h2 {
font-size: 40px;
}
.program .sec-ttl p,
.guideline-ttl p,
.flow .sec-ttl p,
.voice .sec-ttl p{
font-size: 18px;
}
.open-c h2 {
font-size: 34px;
margin: 0 0 4%;
}   
.open-c h2 span {
font-size: 24px;
padding: 0 0 0 18px;
}
.open-c-cont-img01 {
width: 19%;
top: 4%;
right: 6.5%;
}
.open-c-cont-img02 {
position: absolute;
width: 19.5%;
bottom: 66%;
right: 2%;
}
.open-c-cont-img03 {
width: 23%;
bottom: 19%;
right: 0;
}
.open-c-cont-img04 {
width: 40%;
bottom: -4%;
right: 0;
}
.open-c-cont-img05 {
width: 18%;
transform: translateY(50%);
z-index: 2;
}
.program-main-text {
font-size: 26px;
margin: 0 0 3%;
}
.program-cont-days-once-ttl {
font-size: 28px;
}
.program-cont-days-once p {
font-size: 16px;
}
.program-cont-days-once p.add-indent {
font-size: 16px;
}
.program-cont-block {
position: relative;
background: url(../images/program-img.jpg) no-repeat right top;
background-size: 47% auto;
}
.program-cont-days-once {
width: 62%;
padding: 1.5% 2%;
}
.program-comment-block-ttl {
font-size: 18px;
line-height: 2.4;
}
.program-comment-once {
width: 31.5%;
position: relative;
}
.program-comment-once::before {
top: 8px;
left: 8px;
}
.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%;
}
.guideline-box-ttl {
font-size: 22px;
}
.guideline-box-ttl-sub {
font-size: 16px;
}
.guideline-sche-once-ttl {
font-size: 20px;
padding: 0 0 8px;
}
.guideline-sche-once p {
font-size: 16px;
padding: 8px 0 0;
}
.flow-once-ttl {
font-size: 22px;
}
.flow-once-entry-date {
font-size: 18px;
}
.flow-once .pt02 {
font-size: 18px;
}
.outro-entry a {
line-height: 44px;
font-size: 20px;
}
.foooter-inner {
width: 92%;
max-width: 1200px;
display: block;
padding: 3% 0;
}
.foooter-left {
width: 320px;
margin: 0 0 3%;
}
.foooter-logo {
width: 120px;
padding: 8px 0 0;
}
.main-news-box {
width: 56%;
height: 64px;
padding: 10px 0;
border-radius: 18px 0 0;
z-index: 2;
}
.main-news-cont {
font-size: 10px;
}
.main-news-cont::after {
display: none;
}
.main-news-ttl {
width: 96px;
font-size: 20px;
padding: 0 0 0 8px;
}
.main .main-img04 {
width: 11.6%;
bottom: 64px;
right: 30.2%;
}
.program-comment-once-inner{
font-size: 13px;
}
.open-c h2 p {
font-size: 20px;
}
}

@media only screen and (max-width : 767px) {
body {
font-size: 14px;
letter-spacing: 0.05em;
line-height: 1.6;
}
header {
position: fixed;
height: 60px;
}
header .left-box {
display: flex;
flex-direction: column;
padding: 12px 0 0 14px;
}
header .left-box .logo {
width: 118px;
line-height: 24px;
display: flex;
align-items: center;
}
header .left-box .info {
font-size: 10px;
line-height: 24px;
padding: 0 0 0;
}
header .site-name {
display: flex;
flex-direction: column;
padding: 8px 10px 0 0;
text-align: center;
}
header .site-name .year {
font-size: 14px;
line-height: 16px;
}
header .site-name .season {
font-size: 14px;
padding: 0 0;
line-height: 16px;
}
header .site-name .season span {
font-size: 10px;
position: relative;
top: -2px;
}
header .entry a {
font-size: 16px;
width: 80px
}
header .entry a {
line-height: 18px;
padding: 14px 0 10px;
}


.main {
aspect-ratio: auto;
}
.main img.main-img {
width: 100%;
}
.main h1 {
width: 80%;
left: 10%;
top: 21%;
}
.main .main-img01 {
width: 35.7%;
top: 2%;
right: 0;
}
.main .main-img02 {
width: 21.3%;
top: 6%;
right:auto;
left: 0;
}
.main .main-img03 {
width: 32.5%;
bottom: 31%;
right: 0;
}
.main .main-img04 {
width: 26%;
bottom: 34%;
right: auto;
left: 6.5%;
}
.tab-box {
width: 100%;
height: 60px;
left: 0;
bottom: 74px;
}
.tab-once,
.tab-once:nth-child(2){
font-size: 18px;
padding: 16px 0 0;
border-radius: 14px 0 0 0;
line-height: 0.9;
}
.tab-once span,
.tab-once:nth-child(2) span{
font-size: 12px;
font-weight: 600;
color: #000;
}
.tab-once:nth-child(2) .cover {
font-size: 14px;
line-height: 60px;
}
.main-news-box {
width: 100%;
height: 74px;
padding: 8px 0;
border-radius: 0 0;
display: block;
}
.main-news-ttl {
width: 100%;
display: block;
font-size: 18px;
padding: 0 4%;
line-height: 1.4;
}
.main-news-cont {
display: block;
font-size: 10px;
padding: 0 4%;
}
.sec-wrap {
padding: 0 5%;
}
.guideline-wrap{
padding: 0 6%;
}
.sec-inner {
padding: 12% 0;
}
.flow .sec-inner {
padding: 12% 0 14%;
}
.guideline-inner {
padding: 26% 0 14%;
}
.voice .sec-ttl {
margin: 0 0 6%;
}
h2 {
font-size: 36px;
}
.open-c h2 {
font-size: 30px;
margin: 0 0 8%;
line-height: 2.2;
position: relative;
}
.open-c h2 span {
font-size: 26px;
padding: 0 0 0;
display: block;
}
.open-c .sec-inner {
padding: 12% 4% 7% 4%;
overflow: visible;
}
.open-c p {
font-size: clamp(12px, 3.2vw, 16px);
line-height: 2.1;
letter-spacing: 0.04em;
}
.open-c p.open-c-sentence02 {
margin: 0 0 5%;
}
.open-c .open-c-cont-img01_sp{
margin: 7% 0;
position: relative;
width: 106%;
left: -6%;
display: block;
}
.open-c-cont-img02_sp{
margin: 7% 0;
}
.program .sec-ttl p, .guideline-ttl p, .flow .sec-ttl p, .voice .sec-ttl p {
font-size: 16px;
}
.program-main-text {
font-size: 20px;
margin: 0 0 5%;
padding: 3% 0 0;
}
.program-comment-block-ttl {
font-size: 14px;
line-height: 2.4;
margin: 0 0 6%;
}
.program-comment-block {
padding: 8% 4% 3%;
border: 2px solid #14710B;
position: relative;
z-index: 2;
}
.program-comment-once {
width: 100%;
position: relative;
margin: 0 0 34px;
}
.program-comment-box {
display: block;
width: 90%;
margin: 0 auto;
}
.program-comment-once-inner {
position: relative;
text-align: left;
padding: 5% 5% 5%;
margin: 0 auto;
}
.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%;
}
.program-cont-days-ex {
padding: 4% 0 0;
}
.program-cont-days-once {
width: 100%;
padding: 4% 4%;
position: relative;
z-index: 1;
}
.program-cont-days-once-ttl {
font-size: 24px;
line-height: 1.3;
}
.program-cont-days-once p {
font-size: 14px;
}
.program-cont-days-once p.add-indent {
font-size: 14px;
}
.program-cont-block {
position: relative;
background: none;
}
.program-cont-days-ex img{
width: 80%;
position: relative;
top: 0;
left: 10%;
z-index: 0;
margin: 0 0 -10px;
}
.guideline {
background-position: right 42% top;
background-size: auto 100%;
margin: 0 0 8%;
}
.guideline-ttl {
padding: 7% 0 5%;
}
.guideline-ex {
text-align: left;
margin: 0 0 4%;
}
.guideline-sche-box {
display: block;
margin: 0 0 5%;
}
.guideline-sche-once {
width: 100%;
border-radius: 3vw;
margin: 0 0 3%;
padding: 5% 5%;
text-align: center;
}
.guideline-sche-once-ttl {
font-size: 18px;
padding: 0 0 8px;
}
.guideline-sche-once p {
font-size: 16px;
padding: 8px 0 0;
}
.guideline-sche-att {
font-size: 12px;
text-align: left;
margin: 0 0 8%;
}
.guideline-conditions {
min-height: none;
display: block;
margin: 0 0 6%;
}
.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;
}
.guideline-conditions-dd {
display: block;
font-size: 14px;
padding: 6px 0 0;
}
.guideline-box-ttl {
font-size: 22px;
}
.guideline-box-ttl-sub {
font-size: 16px;
margin: 0 0 6%;
}
.guideline-box {
padding: 8% 5% 4%;
position: relative;
z-index: 1;
}
.flow-att {
text-align: left;
font-size: 12px;
margin: 0 0 6%;
}
.flow-once {
padding: 28px 4% 18px;
}
.flow-once::before {
width: 62px;
}
.flow-once-num {
left: 10px;
font-size: 22px;
}
.flow-once-ttl {
font-size: 20px;
margin: 0 0 4%;
}
.flow-once .pt01 {
font-size: 12px;
margin: 0 0 3%;
}
.flow-once .pt01 span {
display: inline-block;
font-size: 16px;
padding: 0 0 10px;
}
.flow-once-entry {
width: 100%;
margin: 2% auto 0;
padding: 3% 0 4%;
}
.flow-once-entry-ttl {
font-size: 18px;
line-height: 1.9;
}
.flow-once-entry-date {
font-size: 18px;
margin: 0 0 5%;
}
.flow-arrow {
padding: 4% 0;
}
.flow-arrow img {
width: 24px;
}
.voice-box {
display: block;
width: 90%;
margin: 0 auto;
}
.voice-once {
width: 100%;
margin: 0 0 6%;
padding: 49% 0 0;
}
.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;
}
.voice-ill {
width: 58%;
}
.outro {
aspect-ratio: auto;
}
.main img.outro-img {
width: 100%;
}
.outro-ttl {
width: 80%;
left: 10%;
top: 25%;
}
.outro .main-img01 {
width: 35.7%;
top: 6%;
right: 0;
}
.outro .main-img02 {
width: 21.3%;
top: 12%;
right:auto;
left: 0;
}
.outro .main-img03 {
width: 32.5%;
bottom: 27%;
right: 0;
}
.outro .main-img04 {
width: 26%;
bottom: 28%;
right: auto;
left: 6.5%;
}
.outro-entry {
width: 50%;
top: 81%;
left: 0;
right: 0;
margin: auto;
}
.outro-entry a {
line-height: 40px;
font-size: 18px;
}
.foooter-inner {
width: 90%;
padding: 7% 0;
}
.foooter-left {
width: 100%;
margin: 0 0 5%;
}
.foooter-logo {
width: 108px;
padding: 8px 0 0;
}
.foooter-link a {
font-size: 14px;
line-height: 2.2;
padding: 0 0 0 4px;
}
.foooter-link {
width: 140px;
padding: 5px 0 0;
}
.foooter-link a img {
width: 16px;
margin: 0 0 0 4px;
position: relative;
top: -4px;
}
.copyright {
padding: 20px 0 30px;
font-size: 10px;
}
.open-c p.open-c-sentence03 {
font-size: 10px;
margin: 0 0 3%;
}
.flow-once-entry-date span {
font-size: 12px;
}
.voice-once p {
    padding: 6% 6%;
    min-height: auto;
}
.program-cont-ex-once {
    width: 100%;
    margin: 0 0 5%;
    padding: 3% 0 0;
}
.program-cont-ex-once p.add-indent {
    font-size: 12px;
    margin: 0 0 4px;
}
.flow-once-entry-date-att {
    font-size: 12px;
    text-align: left;
    padding: 0 4%;
}
.open-c h2 p {
font-size: 18px;
line-height: 3;
}

}