@charset "utf-8";
/* CSS Document */
/*ナビ*/
@media (max-width: 767px) {
.page-menu__item { height:50px; width: calc(50% - 3px);}
}



/*点眼治療*/
#myopia_post{ margin-bottom: 120px;}
.post_list_wrap{}
.post_list{ padding: 25px 0; border-bottom: 1px solid #dedede;}
.post_list:first-child{ padding-top: 0;}
.post_list:last-child{ padding-bottom: 0; border-bottom: none;}
.post_list a{ display: block; position: relative;}
.post_list a:after{ content: ""; display: block; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #00d7b4;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='5.274' height='26.431' viewBox='0 0 5.274 26.431'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='%E9%95%B7%E6%96%B9%E5%BD%A2_1' data-name='%E9%95%B7%E6%96%B9%E5%BD%A2 1' width='5.274' height='26.431' transform='translate(0 0)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 0)'%3E%3Cg clip-path='url(%23clip-path)'%3E%3Cpath d='M.592,7.236,4.525,2.185V26.432' fill='none' stroke='%2300d7b4' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(90deg);}
.post_list a dl{ display: flex; align-items: center; width: 100%;}
.post_list a dl dt{ width: 230px; flex-shrink: 0;}
.post_list a dl dd{ margin-left: 30px; padding-right: 80px;}
.post_list a dl dd .date_cat{ margin-bottom: 15px; display: flex; align-items: center; gap: 30px;}
.post_list a dl dd .date_cat .date{ color: #00d7b4; font-weight: bold; line-height: 1em}
.post_list a dl dd .date_cat .cat{ display: flex; align-items: center; justify-content: center; color: #00d7b4; font-size: 14px; line-height: 1em; padding: 0.25em 0.75em; border: 1px solid #00d7b4; border-radius: 2em;}
.post_list a dl dd h4{ margin-bottom: 0.5em;}
.post_list a dl dd p{ line-height: 1.5em;}
@media (max-width: 767px) {
#myopia_post{ margin-bottom: 15%;}
.post_list{ padding: 5% 0;}
.post_list a:after{ width: 6.25vw; height: 6.25vw; background-size: 0.75vw 3.9vw;}
.post_list a dl dt{ width: 25%;}
.post_list a dl dd{ width: 75%; margin: 0; padding: 0 7.5vw 0 3.75vw;}
.post_list a dl dd .date_cat{ margin-bottom: 2.5vw; gap: 5vw;}
.post_list a dl dd .date_cat .date{ font-size: 2.75vw;}
.post_list a dl dd .date_cat .cat{ font-size: 2.5vw;}
.post_list a dl dd h4{ font-size: 2.75vw;}
.post_list a dl dd p{ font-size: 2.75vw;}
}



/*オルソケラトロジー*/
#orthokeratology{ margin-bottom: 120px;}
.alt-flow-section.last{ margin-bottom: 20px;}
.alt-flow-section.last::after{ display: none;}
@media (max-width: 767px) {
#orthokeratology{ margin-bottom: 15%;}
.alt-flow-section.last{ margin-bottom:2.5%;}
}

.alt-flow_plan01{ margin-top: 30px;}
.alt-flow_plan01 h5{ font-size: 18px; color: #ff738c; margin-bottom: 15px;}
.alt-flow_plan02{ margin-top: 30px;}
.alt-flow_plan02 h5{ font-size: 18px; color: #ff738c; margin-bottom: 15px;}
.alt-flow_plan02_in{ padding-right: 160px; position: relative;}
.alt-flow_plan02_in .free_arrow{ display: flex; align-items: center; justify-content: center; width: 60px; height: calc(100% - 48px); background: #00d7b4; color: #fff; position: absolute; right: 20px; top: 0;}
.alt-flow_plan02_in .free_arrow:after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 50px 50px 0px 50px; border-color: #00d7b4 transparent transparent transparent; position: absolute; left: -20px; bottom: -48px;}
.alt-flow_plan02_in .free_arrow span{ font-size: 18px; font-weight: bold; writing-mode: vertical-rl;}
@media (max-width: 767px) {
.alt-flow_plan01{ margin-top: 7.5%;}
.alt-flow_plan01 h5{ font-size: 3vw; margin-bottom: 2.5%;}
.alt-flow_plan02{ margin-top: 7.5%;}
.alt-flow_plan02 h5{ font-size: 3vw; margin-bottom: 2.5%;}
.alt-flow_plan02_in{ padding-right: 17.5vw;}
.alt-flow_plan02_in .free_arrow{ width: 10vw; height: calc(100% - 7.5vw); right: 2.5vw;}
.alt-flow_plan02_in .free_arrow:after{ border-width: 8.75vw 7.5vw 0px 7.5vw; left: -2.5vw; bottom: -7.5vw;}
.alt-flow_plan02_in .free_arrow span{ font-size: 3vw;}
}



/*マイサイトワンデー*/
#misight-oneday{ margin-bottom: 120px;}
.misight-oneday_img{ margin-top: 50px; display: flex; align-items: center;}
.misight-oneday_img figure{ margin-left: 0; width: 384px; flex-shrink: 0;}
@media (max-width: 767px) {
#misight-oneday{ margin-bottom: 15%;}
.misight-oneday_img{ margin-top: 7.5%; display: block;}
.misight-oneday_img p{ margin-bottom: 5%;}
.misight-oneday_img figure{ text-align: center; width: 100%;}
.misight-oneday_img figure img{ width: 75%;}
}



/*小児近視用メガネ*/
#glasses-for-children{ margin-bottom: 120px;}
.glasses-for-children_img{ display: flex; margin-bottom: 60px;}
.glasses-for-children_img p{ width: calc(100% - 260px);}
.glasses-for-children_img figure{ margin-left: 20px; width: 240px;}
@media (max-width: 767px) {
#glasses-for-children{ margin-bottom: 15%;}
.glasses-for-children_img{ margin-top: 5%; margin-bottom: 3.75%; display: flex; flex-direction: column-reverse;}
.glasses-for-children_img p{ width: 100%; margin-top: 5%;}
.glasses-for-children_img figure{ text-align: center; width: 100%; margin: 0;}
.glasses-for-children_img figure img{ width: 50%;}
}



@media print, screen and (min-width:768px){
.sp-only{ display:none !important;}
}
@media screen and (max-width:767px){
.pc-only{ display:none !important;}
}