@media (min-width: 751px) { #content .header .img { background-image: url(../images/access/header_img_pc.jpg); } } @media (max-width: 750px) { #content .header .img { background-image: url(../images/access/header_img_sp.jpg); } } #main .detail dl { line-height: 2; } #main .detail dt { font-weight: 700; } #main .entries .return { text-align: right; } #main .entries .return a:before { transform: rotate(-90deg); } #main .entries #entry03 .link-arw:before { transform: rotate(-90deg); } @media (min-width: 751px) { #main { margin: 35px 20px 0; } #main .detail { margin-bottom: 75px; } #main .detail > p:nth-of-type(1) { margin-bottom: 25px; } #main .detail > p:nth-of-type(2) { margin-bottom: 30px; } #main .detail dl { margin-bottom: 40px; width: 50%; float: left; } #main .detail .map { margin-bottom: 15px; clear: both; } #main .detail .map img { width: 100%; height: auto; } #main .detail .map iframe { width: 100%; } #main .detail .link { text-align: right; } #main .entries .entry { margin-top: -137px; margin-bottom: 85px; padding-top: 137px; } #main .entries .entry:last-child { margin-bottom: 0; } #main .entries .tit { margin-bottom: 30px; font-weight: 700; } #main .entries .return { margin-top: 20px; } #main .entries .flow { margin-bottom: 30px; position: relative; overflow: hidden; } #main .entries .flow:last-child { margin-bottom: 0; } #main .entries .flow .num { width: 40px; height: 40px; position: absolute; top: 0; left: 0; font-size: 24px; font-weight: bold; text-align: center; line-height: 32px; border: 4px solid #ee7800; border-radius: 50%; } #main .entries .flow .txt { padding: 0 40px 0 60px; overflow: hidden; } #main .entries .flow .img { width: 43.1%; max-width: 500px; float: right; } #main .entries .flow .img img { width: 100%; height: auto; } #main .entries #entry03 .inner { overflow: hidden; } #main .entries #entry03 .txt { padding-right: 40px; overflow: hidden; } #main .entries #entry03 .img { width: 43.1%; max-width: 500px; float: right; } #main .entries #entry03 .img img { width: 100%; height: auto; } body[data-fontsize="small"] #main .detail .small { font-size: 14px; } body[data-fontsize="small"] #main .entries .tit { font-size: 24px; } body[data-fontsize="small"] #main .flow .txt span { font-size: 14px; } body[data-fontsize="small"] #main #entry03 .txt span { font-size: 14px; } body[data-fontsize="medium"] #main .detail .small { font-size: 17.5px; } body[data-fontsize="medium"] #main .entries .tit { font-size: 30px; } body[data-fontsize="medium"] #main .flow .txt span { font-size: 17.5px; } body[data-fontsize="medium"] #main #entry03 .txt span { font-size: 17.5px; } body[data-fontsize="large"] #main .detail .small { font-size: 21px; } body[data-fontsize="large"] #main .entries .tit { font-size: 36px; } body[data-fontsize="large"] #main .flow .txt span { font-size: 21px; } body[data-fontsize="large"] #main #entry03 .txt span { font-size: 21px; } } @media (max-width: 750px) { #main .detail { margin-bottom: 10vw; } #main .detail > p:nth-of-type(1) { margin-bottom: 2vw; } #main .detail > p:nth-of-type(2) { margin-bottom: 6.6666666667vw; } #main .detail .small { font-size: 2.9333333333vw; } #main .detail dl { margin-bottom: 6.6666666667vw; } #main .detail .map { margin-bottom: 3.3333333333vw; } #main .detail .map iframe { width: 100%; height: 100vw; } #main .detail .link { text-align: center; } #main .entries .entry { margin-top: -20vw; margin-bottom: 11.3333333333vw; padding-top: 20vw; } #main .entries .entry:last-child { margin-bottom: 0; } #main .entries .tit { margin-bottom: 4vw; font-weight: 700; } #main .entries .return { margin-top: 2.6666666667vw; } #main .entries .flow { margin-bottom: 4vw; position: relative; display: flex; flex-wrap: wrap; } #main .entries .flow:last-child { margin-bottom: 0; } #main .entries .flow .num { width: 5.3333333333vw; height: 5.3333333333vw; position: absolute; top: 0; left: 0; font-size: 3.2vw; font-weight: bold; text-align: center; line-height: 4.2666666667vw; border: 0.5333333333vw solid #ee7800; border-radius: 50%; } #main .entries .flow .img { width: 100%; order: 1; } #main .entries .flow .txt { margin-bottom: 2.6666666667vw; padding-left: 8vw; } #main .entries .flow .txt span { font-size: 2.9333333333vw; } #main .entries #entry03 .inner { display: flex; flex-wrap: wrap; } #main .entries #entry03 .img { order: 1; } #main .entries #entry03 .txt { margin-bottom: 2.6666666667vw; } #main .entries #entry03 .txt span { font-size: 2.9333333333vw; } }