.custom-page.hunting-page {
padding: 30px 0 0;
text-align: center;
}
h1,
h2 {
text-align: center;
}
h1 a {
text-decoration: none;
}
h1 a:hover {
color: #e86a22;
}
h2 {
display: inline-block;
margin: 25px 0 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
border-bottom: 4px solid #ea9a68;
}
.img-wrap {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.img-wrap .img-mo {
max-width: 260px;
margin-right: -62px;
margin-bottom: -160px;
border-radius: 44px;
z-index: 1;
}
.img-wrap .img-pc {
max-width: 800px;
margin-bottom: -20px;
border: 8px solid #222;
border-radius: 16px;
}
.text-wrap {
background: url(http://www.kko-kkuri.com/wp-content/uploads/2024/02/orange-dot.png);
background-size: 32px;
padding: 3rem 0;
}
.text-wrap ul {
display: flex;
flex-direction: column;
max-width: 1200px;
margin: 0 auto;
padding: 0;
list-style: none;
}
.text-wrap ul li {
width: 50%;
}
.text-wrap ul li:nth-child(even) {
margin-left: auto;
}
.text-wrap ul li i {
display: block;
margin-top: -1rem;
font-style: normal;
font-size: 3rem;
}
.text-wrap ul li p {
margin: -1rem 0 0;
font-weight: bold;
font-size: 1.5rem;
color: #323232;
}
.point-content {
display: flex;
align-items: flex-end;
justify-content: center;
padding: 3rem 0;
background: #fff;
}
.point-content img {
max-width: 600px;
height: 500px;
object-fit: cover;
}
.point-content p {
margin: 0 0 0 3rem;
font-size: 1.2rem;
text-align: right;
}
.point-content p i {
font-style: normal;
}
.point-content strong {
font-size: 1.8rem;
color: #e86a22;
}
.point-content p span {
text-decoration: underline;
}
@media (max-width: 1000px) {
.img-wrap .img-mo {
max-width: 200px;
border-radius: 33px;
}
.img-wrap .img-pc {
max-width: 400px;
}
.text-wrap ul li i {
font-size: 2.4rem;
}
.text-wrap ul li p {
margin-top: -1.2rem;
font-size: 1rem;
}
.point-content {
flex-direction: column-reverse;
align-items: center;
}
.point-content img {
max-width: 500px;
height: 400px;
}
.point-content p {
margin: 0 0 2rem 0;
text-align: center;
}
}
.button-link {
margin-top: 1.25rem;
border-color: #e86a22;
background: #e86a22;
}
@media (max-width: 540px) {
.img-wrap .img-mo {
max-width: 160px;
margin-right: -130px;
}
.img-wrap .img-pc {
max-width: calc(100% - 100px);
}
.text-wrap {
padding: 1.8rem 0;
}
.text-wrap ul {
align-items: center;
margin-top: -1.5rem;
}
.text-wrap ul li {
width: calc(100% - 40px);
margin-top: 1.5rem;
}
.text-wrap ul li:nth-child(even) {
margin-left: 0;
}
.text-wrap ul li i {
font-size: 2rem;
}
.point-content img {
max-width: calc(100% - 40px);
height: 350px;
}
.point-content p {
font-size: 1rem;
}
.point-content strong {
font-size: 1.4rem;
}
}
@media (max-width: 540px) {
.img-wrap .img-mo {
max-width: 120px;
margin-right: -110px;
margin-bottom: -60px;
border-radius: 22px;
}
.img-wrap .img-pc {
max-width: calc(100% - 30px);
}
}