@media (min-width: 980px){main#main h1.heading-text{font-size:34px}}main#main .dir-area{background-color:#fff;margin:0;padding:0;margin-top:100px}@media only screen and (max-width: 979px){main#main .dir-area{width:100%;padding:2%}main#main .dir-area:not(:first-child){margin-top:30px}}main#main .dir-area h2{background-color:#ffeaf1;margin:0 0 30px;padding:8px 0 8px 16px;border-left:solid 4px #f69;color:#f69;font-size:24px}main#main .dir-area h3{margin:0 0 20px;padding:4px 0;border-bottom:solid 1px #6f6f6f}main#main .dir-area h4{font-size:110%}@media only screen and (max-width: 979px){main#main .dir-area h2{margin:0 0 20px;font-size:21px}}main#main .dir-area .btn{margin-top:10px}main#main .dir-area .btn .button-normal{min-height:auto;font-size:16px;padding:6px 40px 6px 30px}main#main .dir-area>.contents{width:980px;margin:0 auto}main#main .dir-area>.contents:not(:first-child){margin-top:50px}@media only screen and (max-width: 979px){main#main .dir-area>.contents{width:100%}main#main .dir-area>.contents:not(:first-child){margin-top:30px}}main#main .dir-area .flex-cont{display:flex;flex-wrap:wrap}@media only screen and (min-width: 980px){main#main .dir-area .flex-cont{justify-content:space-between}main#main .dir-area .flex-cont>.col{width:49%}main#main .dir-area .flex-cont>.col:nth-child(n+3){margin-top:30px}main#main .dir-area .flex-cont>.col:nth-child(even).image{text-align:right}}@media only screen and (max-width: 979px){main#main .dir-area .flex-cont+.flex-cont{margin-top:30px}main#main .dir-area .flex-cont>.col{width:100%}main#main .dir-area .flex-cont>.col:not(:first-child){margin-top:10px}main#main .dir-area .flex-cont>.col.image{text-align:center}main#main .dir-area .flex-cont._sp_reverse{flex-direction:column-reverse;width:100%}main#main .dir-area .flex-cont._sp_reverse>.col:first-child{margin-top:10px}main#main .dir-area .flex-cont._sp_reverse>.col:nth-child(2){margin-top:0px}}main#main .dir-area#about{margin-top:0}main#main .dir-area#difference .difference_cont{background-color:#f3f3f3;padding:15px 30px 30px}main#main .dir-area#difference .difference_cont+.difference_cont{margin-top:20px}@media only screen and (min-width: 980px){main#main .dir-area#difference .difference_cont .flex-cont>.col.image{width:30%}main#main .dir-area#difference .difference_cont .flex-cont>.col.txt{width:68%}}main#main .dir-area#difference .check_cont{background-color:#ffeaf1;border-radius:15px;padding:20px 30px}main#main .dir-area#difference .check_cont h3{margin:0;padding:0;border-bottom:none;text-align:center;color:#f69}main#main .dir-area#difference .check_cont ul{margin-top:10px;display:flex;justify-content:center;flex-wrap:wrap}main#main .dir-area#difference .check_cont ul li{background:url(/assets/eyelid/type/heikou/images/check.png?202412691252) left center no-repeat;background-size:24px;display:inline-flex;align-items:center;padding:0 0 0 30px;font-weight:bold;font-size:120%;line-height:1;height:40px}main#main .dir-area#difference .check_cont ul li:not(:last-child){margin-right:30px}@media only screen and (max-width: 979px){main#main .dir-area#difference .difference_cont{padding:10px 20px 20px}main#main .dir-area#difference .check_cont ul{display:block;width:-moz-fit-content;width:fit-content;margin:10px auto 0}main#main .dir-area#difference .check_cont ul li{display:flex;margin-right:0}}@media only screen and (min-width: 980px){main#main .dir-area#about02 .flex-cont>.col.image{width:30%}main#main .dir-area#about02 .flex-cont>.col.txt{width:68%}}@media only screen and (min-width: 980px){main#main .dir-area#type .flex-cont>.col.image{width:24%}main#main .dir-area#type .flex-cont>.col.txt{width:74%}main#main .dir-area#type .flex-cont>.col.half.image{width:46%}main#main .dir-area#type .flex-cont>.col.half.txt{width:52%}}main#main .dir-area#photo .photo_cont+.photo_cont{margin-top:20px}main#main .dir-area#photo .photo_cont .photo{margin:0 auto;width:-moz-fit-content;width:fit-content}main#main .dir-area#other .other_cont{display:flex;justify-content:space-between}main#main .dir-area#other .other_cont>.col{background-color:#f3f3f3;width:32%;padding:15px 20px 20px;text-align:center}main#main .dir-area#other .other_cont>.col .title{font-size:18px;font-weight:bold}main#main .dir-area#other .other_cont>.col>img,main#main .dir-area#other .other_cont>.col>p{margin-top:10px}main#main .dir-area#other .other_cont>.col>p{text-align:left}@media only screen and (max-width: 979px){main#main .dir-area#other .other_cont{flex-direction:column}main#main .dir-area#other .other_cont>.col{width:100%;padding:10px 20px 20px}main#main .dir-area#other .other_cont>.col+.col{margin-top:20px}}
