.join-block > li {
position: relative;
border-radius: 8px;
background-color: rgba(253,241,242,1.00);
overflow: hidden;
margin: 0px 0px 15px;
border: 1px solid rgba(231,54,74,1.00);
}
.join-block-in {
padding: 15px;
}
.join-catch {
font-size: calc(100vw / 20);
line-height: 1.4em;
text-align: center;
font-weight: bold;
padding: 0px 0px 0.9em;
}
.join-catch span {
font-size: calc(100vw / 25);
line-height: 1.5em;
font-weight: normal;
display: block;
padding: 0.4em 0px 0px;
}

.join-block-in > .corner-txt {
width: 40px;
text-align: center;
}

.join3 .graphic-img img {
max-width: 800px;
margin-top: -4%;
}




@media print, screen and (min-width: 375px) {

.join-block > li {
border-radius: 10px;
margin: 0px 0px 15px;
}
.join-block-in {
padding: 15px;
}
.join-catch {
font-size: 19px;
line-height: 1.4em;
}
.join-catch span {
font-size: 15px;
line-height: 1.5em;
}
.join-block-in > .corner-txt {
width: 43px;
text-align: center;
}

}


@media print, screen and (min-width: 768px) {

.join-block > li {
border-radius: 10px;
margin: 0px 0px 25px;
}
.join-block-in {
padding: 25px;
}
.join-catch {
font-size: 24px;
line-height: 1.4em;
}
.join-catch span {
font-size: 16px;
line-height: 1.5em;
}

.join-block-in > .corner-txt {
width: 43px;
text-align: center;
}

.place02 th {
  width: 7em;
  white-space: nowrap;
}
.place03 th {
  width: 7em;
  white-space: nowrap;
}

}


@media print, screen and (min-width: 1024px) {

.join-block > li {
margin: 0px 0px 30px;
}
.join-block-in {
padding: 30px;
}
.join-catch {
font-size: 27px;
line-height: 1.4em;
}
.join-catch span {
font-size: 16px;
line-height: 1.5em;
}

.join-block-in > .corner-txt {
width: 52px;
text-align: center;
}

.place02 th {
  width: 8em;
}
.place03 th {
  width: 8em;
}

}


@media print, screen and (min-width: 1200px) {

.join-block > li {
margin: 0px 0px 40px;
}
.join-block-in {
padding: 40px;
}
.join-catch {
font-size: 30px;
line-height: 1.4em;
}
.join-catch span {
font-size: 17px;
line-height: 1.5em;
}

.join-block-in > .corner-txt {
width: 60px;
text-align: center;
}

}


@media print, screen and (min-width: 1400px) {

}

















/* point-block */
.flex3block.step-block > li {
border: 1px solid rgba(245,170,0,1.00);
border-radius: 8px;
margin: 0px 0px 20px;
position: relative;
background-color: rgba(255,255,255,1.00);
}
.flex3block.step-block > li::after {
content: "";
width: 24px;
height: 24px;
bottom: -22px;
left: calc(50% - 10px);
display: block;
position: absolute;
background-image: url(../images/arrow.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
transform: rotate(90deg)
}
.flex3block.step-block > li:last-child::after {
display: none;
}
.flex3block.step-block > li:last-child {
margin: 0px;
}
.flex3block.step-block .graphic-img img {
width: 35%;
max-width: 85px;
}

.step-block .corner-txt {
background-color: rgba(245,170,0,1.00);
}

.join4 a.link-button.pink-bt {
font-size: calc(100vw / 27);
line-height: 1.2em;
}


@media print, screen and (min-width: 375px) {
.flex3block.step-block > li {
border-radius: 10px;
margin: 0px 0px 20px;
}
.join4 a.link-button.pink-bt {
font-size: 14px !important;
line-height: 1.2em;
}

}


@media print, screen and (min-width: 768px) {
.flex3block.step-block > li {
border-radius: 10px;
margin: 0px 0px 25px;
}
.flex3block.step-block > li::after {
width: 30px;
height: 30px;
bottom: -25px;
left: calc(50% - 12px);
}
.join4 a.link-button.pink-bt {
font-size: 15px !important;
line-height: 1.2em;
}

}


@media print, screen and (min-width: 1024px) {
.flex3block.step-block > li {
margin: 0px;
}
.flex3block.step-block > li::after {
bottom: auto;
top: calc(50% - 10px);
right: -30px;
left: auto;
transform: rotate(00deg)
}

.join4 a.link-button.pink-bt {
font-size: 17px !important;
line-height: 1.2em;
}

}


@media print, screen and (min-width: 1200px) {
.join4 a.link-button.pink-bt {
font-size: 18px !important;
line-height: 1.2em;
}

}

@media print, screen and (min-width: 1400px) {
.join4 a.link-button.pink-bt {
font-size: 19px !important;
line-height: 1.2em;
}
.flex3block.step-block > li {
	-ms-flex-preferred-size: 350px;
	flex-basis: 350px;
}

}








.place-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-top: 1px solid rgba(245,170,0,1.00);
border-left: 1px solid rgba(245,170,0,1.00);
font-size: calc(100vw / 25);
line-height: 1.2em;
}
.place-list > li {
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%;
border-right: 1px solid rgba(245,170,0,1.00);
border-bottom: 1px solid rgba(245,170,0,1.00);
display: flex;
justify-content: center;
align-items: center;
}
.place-list > li p {
padding: 0.7em 0.3em;
}
.place-list > li.empty {
display: none;
border: none;
}

#relief .block-in {
padding-top: 3.5em;
}

#relief .application img {
max-width: 712px;
}





@media print, screen and (min-width: 375px) {
.place-list {
font-size: 15px;
line-height: 1.2em;
}

}

@media print, screen and (min-width: 768px) {
.place-list::before{
  content:"";
  display: block;
  width:20%;
  order:1;
}
.place-list::after{
  content:"";
  display: block;
  width:20%;
}
.place-list > li {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.place-list {
font-size: 16px;
line-height: 1.2em;
}
.place-list > li p {
padding: 0.9em 0.3em;
}

}


@media print, screen and (min-width: 1024px) {
.place-list::before{
  width:16.66%;
}
.place-list::after{
  display: block;
  width:16.66%;
}
.place-list > li {
-ms-flex-preferred-size: 16.66%;
flex-basis: 16.66%;
}
.place-list {
font-size: 17px;
line-height: 1.2em;
}
.place-list > li.empty {
display: flex;
}
.place-list {
font-size: 17px;
line-height: 1.2em;
}

#place .contents-lead-txt,
#place .white-b-out-block .contents-txt,
#place .white-b-out-block .kome-txt {
text-align: center;
}

}


@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

#relief .flex3block > li {
	-ms-flex-preferred-size: 380px;
	flex-basis: 380px;
}

}



























@media print, screen and (min-width: 375px) {

}

@media print, screen and (min-width: 768px) {

}


@media print, screen and (min-width: 1024px) {

}


@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}