#mainbody #title {
background-color: #830324;
}
#mainbody #title dl:after {
background-image: url("image/mainimage2.jpg");
}
@media screen and (min-width: 641px),print {
#page {
padding: 100px 0 70px 0;
}
#page h3 {
font-family: ryo-gothic-plusn, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(0.813rem, -0.71rem + 7.61vw, 5rem);
line-height: 1.8em;
color: #EF97B0;
position: relative;
z-index: 10;
margin: 0px auto 0 auto;
}
#point {
background-color: #F9EDF0;
text-align: left;
width: 100%;
margin: -70px auto 0 auto;
padding: 70px 0em 70px 0em;
box-sizing: border-box;
position: relative;
z-index: 1;
}
#point ul {
margin: 70px auto 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#point ul li {
text-align: left;
}
#point ul li.photo {
max-width: 960px;
width: 50%;
}
#point ul li.photo img {
width: 100%;
height: auto;
}
#point ul li.text {
width: 50%;
text-align: left;
box-sizing: border-box;
}
#point ul li.text:nth-of-type(2),
#point ul li.text:nth-of-type(6),
#point ul li.text:nth-of-type(10){
padding: 3em 20% 5em 3em;
}
#point ul li.text:nth-of-type(3),
#point ul li.text:nth-of-type(7){
padding: 3em 3em 5em 20%;
}

@media screen and (min-width: 0px) and (max-width: 1400px) {
#point ul li.text:nth-of-type(2),
#point ul li.text:nth-of-type(6),
#point ul li.text:nth-of-type(10){
padding: 0em 5% 1em 3em;
}
#point ul li.text:nth-of-type(3),
#point ul li.text:nth-of-type(7){
padding: 0em 3em 1em 5%;
}
}
#point ul li.text h4 {
color: #9D9D9D;
font-family: shippori-mincho, sans-serif;
font-weight: 600;
font-style: normal;
font-size: clamp(0.813rem, 0.608rem + 1.02vw, 1.375rem);
line-height: 1.8em;
}
#point ul li.text h4 b {
color: #000000;
font-size: clamp(0.813rem, 0.426rem + 1.93vw, 1.875rem);
line-height: 1.5em;
}
#point ul li.text h4:after {
content: '';
display: block;
width: 100px;
height: 3px;
position: relative;
background-color: #632D60;
margin: 1em auto 0 0;
}
#point ul li.text p {
color: #4F4F4F;
font-family: ryo-gothic-plusn, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(0.813rem, 0.699rem + 0.57vw, 1.125rem);
line-height: 1.8em;
text-align: left;
margin: 0px;
padding: 0;
}
}
@media screen and (min-width: 0px) and (max-width: 640px) {
#page {
padding: 20px 0 0 0;
}
#page h3 {
font-family: ryo-gothic-plusn, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 26px;
line-height: 1.8em;
color: #EF97B0;
position: relative;
z-index: 10;
margin: 0px auto 0 auto;
}
#point {
background-color: #F9EDF0;
text-align: left;
width: 100%;
margin: -20px auto 0 auto;
padding: 20px 0em 40px 0em;
box-sizing: border-box;
position: relative;
z-index: 1;
}
#point ul {
margin: 20px auto 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#point ul li {
text-align: left;
}
#point ul li.photo {
width: 35%;
}
#point ul li.photo img {
width: 100%;
height: auto;
}
#point ul li.text {
width: 65%;
text-align: left;
box-sizing: border-box;
margin-bottom: 20px;
}
#point ul li.text:nth-of-type(2),
#point ul li.text:nth-of-type(6),
#point ul li.text:nth-of-type(10){
padding: 0 1em 0 1em;
}
#point ul li.text:nth-of-type(3),
#point ul li.text:nth-of-type(7){
padding: 0 1em 0 1em;
}
#point ul li.text h4 {
color: #9D9D9D;
font-family: shippori-mincho, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 16px;
line-height: 1.3em;
}
#point ul li.text h4 b {
color: #000000;
font-size: 18px;
line-height: 1.5em;
}
#point ul li.text h4:after {
content: '';
display: block;
width: 50%;
height: 2px;
position: relative;
background-color: #632D60;
margin: 1em auto 1em 0;
}
#point ul li.text p {
color: #4F4F4F;
font-family: ryo-gothic-plusn, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(0.813rem, 0.699rem + 0.57vw, 1.125rem);
line-height: 1.3em;
text-align: left;
margin: 0px;
padding: 0;
}
}