@charset "UTF-8";
/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
/*	layout
------------------------------------ */
/*	font-size  cmn
------------------------------------ */
/************************************************

  SP layout

************************************************/
/*	cmn parts  SP
------------------------------------ */
.com-inner {
  padding: 50px 15px;
}

.com-md-inner {
  padding: 50px 15px;
}

.no-sb {
  margin: 30px auto 0;
}

.com-ib {
  display: inline-block;
}

.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}

.anchor-mp {
  margin: -80px auto 0;
  padding-top: 80px;
}

.sp-anchor {
  padding-top: 80px;
}

.com-txt-box p:nth-of-type(n+2) {
  margin-top: 20px;
}
.com-txt-box-sub {
  margin-top: 20px;
}
.com-txt .ac {
  font-size: 1.6rem;
}

.marker::before {
  height: 10px;
}

/*  共通パーツ
------------------------------------ */
.com-box {
  border-radius: 18px;
}

.com-list {
  display: block;
}
.com-list-item:nth-of-type(n+2) {
  margin: 25px auto 0;
}
.com-list-ttl {
  padding: 15px;
  font-size: 1.8rem;
}
.com-list-con {
  padding: 16px;
}
.com-list-detail li {
  padding: 10px;
  font-size: 1.6rem;
}
.com-list-detail li:nth-of-type(n+2) {
  margin-top: 16px;
}

.com-ico::before {
  width: 101px;
  height: 50px;
  left: 6px;
  top: -36px;
}

.com-num {
  width: 62px;
  height: 56px;
  font-size: 2.5rem;
  line-height: 56px;
}

.com-bg01::before, .com-bg01::after {
  height: 20px;
  background-size: auto 20px;
}
.com-bg01::before {
  top: -19px;
}
.com-bg01::after {
  bottom: -19px;
}

.com-calendar-table tr th:not(:nth-of-type(1)) {
  letter-spacing: 0;
}
.com-calendar-table th, .com-calendar-table td {
  padding: 10px 0;
  font-size: 1.4rem;
  vertical-align: middle;
}
.com-calendar-table td {
  letter-spacing: 0;
}
.com-calendar-note {
  margin-top: 10px;
}

.com-arw::before {
  width: 55px;
  height: 55px;
  border-radius: 22px 0 22px 0;
  background-size: 20px;
}
.com-arw.bg03::before, .com-arw.bg04::before, .com-arw.bg05::before {
  width: 45px;
  height: 45px;
  border-radius: 15px 0 0 0;
  background-size: 15px;
}

.ra20 {
  border-radius: 10px;
}
.ra30 {
  border-radius: 15px;
}
.ra40 {
  border-radius: 20px;
}
.ra45 {
  border-radius: 22px;
}

.news-post {
  display: block;
  margin: 25px auto 0;
}
.news-post-item {
  margin: auto;
}
.news-post-link {
  padding: 15px 0;
}
.news-post-tag {
  margin-left: 10px;
}
.news-post-tag > li {
  margin: 0 5px 5px 0;
  font-size: 1.3rem;
}
.news-post-ttl {
  margin-top: 2px;
}

.com-tag > li {
  margin: 0 10px 10px 0;
}

/* =========================================

  main  SP

========================================= */
/* ent  SP
------------------------------------ */
.ent-mv {
  display: block;
  padding: 0;
}
.ent-mv-item {
  width: 100%;
}
.ent-mv-item:nth-of-type(n+2) {
  margin: 5% auto 0;
}
.ent-mv-ttl .ja {
  margin-top: 15px;
  font-size: 2.3rem;
}
.ent-info {
  margin: 50px auto 0;
  border-radius: 20px;
  background-size: 80%;
}
.ent-info-inner {
  padding: 20px 15px 20%;
}
.ent-copy {
  margin-top: 15px;
  padding-bottom: 100px;
}

/* top-news  SP
------------------------------------ */
#top-news .news-inner {
  display: block;
}
#top-news .news-inner::before {
  width: 123px;
  height: 56px;
  left: 5px;
  bottom: -39px;
}
#top-news .news-btn {
  width: 150px;
  margin: 0;
}
#top-news .news-ttl {
  text-align: center;
}
#top-news .news-btn {
  width: 200px;
  margin: 25px auto 0;
}

/* top-information  SP
------------------------------------ */
#top-information .information-list {
  margin-top: 25px;
  padding: 0 15px;
}
#top-information .information-list-item {
  width: 100%;
}
#top-information .information-list-item:nth-of-type(n+2) {
  margin: 25px auto 0;
}
#top-information .information-list-link {
  padding: 60px 20px 50px;
}
#top-information .information-list-link01 {
  background-size: 60px;
  background-position: 95% 15px;
}
#top-information .information-list-link02 {
  background-size: 60px;
  background-position: 95% 15px;
}
#top-information .information-list-txt {
  margin-top: 25px;
}
#top-information .information-list-txt .sp-only {
  display: inline-block !important;
}

/* top-treatment  SP
------------------------------------ */
#top-treatment .treatment-list {
  margin-top: 20px;
  padding: 0 15px;
}
#top-treatment .treatment-list-item {
  margin: auto;
}
#top-treatment .treatment-list-item:nth-of-type(n+2) {
  margin: 30px auto 0;
}
#top-treatment .treatment-list-box {
  margin-top: -20px;
  padding: 30px 15px;
}
#top-treatment .treatment-list-ttl .ttl {
  font-size: 2.2rem;
}
#top-treatment .treatment-list-ttl .ruby {
  font-size: 1.8rem;
}
#top-treatment .treatment-list-ttl .txt {
  font-size: 1.7rem;
}
#top-treatment .treatment-list-txt {
  margin-top: 12px;
}

/* top-symptoms  SP
------------------------------------ */
#top-symptoms .symptoms-inner {
  display: block;
}
#top-symptoms .symptoms-img {
  width: 80%;
  margin: auto;
}
#top-symptoms .symptoms-con {
  width: 90%;
  margin: 20px auto 0;
}
#top-symptoms .symptoms-ttl {
  text-align: center;
}
#top-symptoms .symptoms-txt {
  margin-top: 20px;
}
#top-symptoms .symptoms-btn {
  max-width: 280px;
  margin: 25px auto 0;
}

/* top-about  SP
------------------------------------ */
#top-about {
  background-position: 15px 100%;
  background-size: 150px;
}
#top-about .about-inner {
  padding-bottom: 150px;
}
#top-about .about-ttl {
  text-align: center;
}
#top-about .about-img {
  display: flex;
  margin: 20px auto 0;
  flex-direction: column-reverse;
  align-items: center;
}
#top-about .about-img-item {
  position: static;
}
#top-about .about-img-item01 {
  width: 60%;
  margin: -15% 25% 0 0;
}
#top-about .about-img-item01 img {
  border-radius: 20px;
}
#top-about .about-img-item02 {
  width: 70%;
  margin-left: 15%;
}
#top-about .about-con {
  margin: 30px auto 0;
}
#top-about .about-ttl {
  font-size: 2rem;
}
#top-about .about-txt-box {
  margin-top: 20px;
}
#top-about .about-btn {
  margin: 80px auto 0;
}
#top-about .about-btn::before {
  width: 79px;
  height: 63px;
  left: 38%;
  top: -46px;
}

/* top-access  SP
------------------------------------ */
#top-access .access-box-inner {
  padding: 50px 20px;
  flex-direction: column-reverse;
  align-items: center;
}
#top-access .access-ttl {
  text-align: center;
}
#top-access .access-list {
  margin-top: 20px;
}
#top-access .access-list .item:nth-of-type(n+2) {
  margin-top: 10px;
}
#top-access .access-list dt, #top-access .access-list dd {
  padding: 13px 0;
}
#top-access .access-list dt {
  width: 80px;
  padding-left: 13px;
}
#top-access .access-map {
  margin: 25px auto 0;
  border-radius: 15px;
}

/* =========================================

sub layout  SP

========================================= */
/* symptoms  SP
------------------------------------ */
#symptoms .check-txt {
  margin-top: 20px;
}
#symptoms #chart {
  margin-top: 20px;
}
#symptoms .chart_inbox {
  padding: 30px 15px;
}
#symptoms .chart_question_title {
  padding: 15px 15px 15px 67px;
}
#symptoms .chart_question_title .question_title_icon {
  width: 40px;
  height: 40px;
  line-height: 38px;
  left: 15px;
}
#symptoms .chart_question_title .question_title_text {
  text-align: left;
}
#symptoms .chart_question_inner {
  margin-top: 25px;
}
#symptoms .chart_question_button_list {
  display: block;
}
#symptoms .chart_question_button_list > li:nth-of-type(n+2) {
  margin: 20px auto 0;
}
#symptoms .chart_question_button_item a {
  height: 70px;
}
#symptoms .chart_back_button_wrp {
  margin-top: 25px;
}
#symptoms .chart_result_title_icon {
  font-size: 1.8rem;
}
#symptoms .chart_result_inner {
  display: block;
  margin-top: 20px;
}
#symptoms .chart_result_text {
  margin: 10px auto 0;
}
#symptoms .chart_result_button_list {
  margin-top: 20px;
  flex-direction: column;
  align-items: center;
}
#symptoms .chart_result_button_list > li:nth-of-type(n+2) {
  margin: 20px auto 0;
}
#symptoms .chart_result_button_list a {
  display: grid;
  place-content: center;
  line-height: 1.4;
}
#symptoms .chart_back_button {
  height: 50px;
  line-height: 50px;
  background-size: 12px;
}

/* allergy  SP
------------------------------------ */
#allergy .about-txt-box {
  margin-top: 25px;
  padding: 30px;
  border-radius: 20px;
}
#allergy .about-txt-box::before {
  width: 113px;
  height: 68px;
  top: -53px;
}
#allergy .allergic-inner {
  padding-bottom: 100px;
}
#allergy .allergic-txt {
  margin-top: 20px;
  padding: 0 15px;
}
#allergy .allergic-list {
  margin-top: 25px;
  padding: 0 15px;
  flex-direction: column;
  align-items: center;
}
#allergy .allergic-list-item {
  padding: 20px;
}
#allergy .allergic-list-item:nth-of-type(n+2) {
  margin: 25px auto 0;
}
#allergy .allergic-list-ttl {
  margin-top: 15px;
}
#allergy .allergic-list-txt {
  margin-top: 10px;
}
#allergy .testing-txt {
  margin-top: 20px;
  padding: 0 15px;
}
#allergy .testing-list {
  margin-top: 25px;
}
#allergy .testing-list-item {
  padding: 20px;
  flex-direction: column-reverse !important;
  align-items: center !important;
}
#allergy .testing-list-item:nth-of-type(n+2) {
  margin-top: 30px;
}
#allergy .testing-list-con {
  margin: 20px auto 0;
}
#allergy .testing-list-ttl {
  text-align: center;
}
#allergy .testing-list-txt {
  margin-top: 15px;
}

.com-bnr .bnr-inner {
  padding: 50px 15px;
}
.com-bnr .bnr-list {
  display: block;
}
.com-bnr .bnr-list-item {
  width: 90%;
  margin: auto;
}
.com-bnr .bnr-list-item:nth-of-type(n+2) {
  margin: 25px auto 0;
}
.com-bnr .bnr-list-link {
  height: 150px;
  padding: 25px 15px 50px;
}

/* allergy_treatment  SP
------------------------------------ */
#allergy_treatment .treatment-inner {
  padding-bottom: 100px;
}
#allergy_treatment .treatment-txt {
  margin-top: 20px;
}
#allergy_treatment .treatment-list {
  margin-top: 50px;
}
#allergy_treatment .treatment-list-item {
  padding: 30px 20px;
  border-radius: 20px;
}
#allergy_treatment .treatment-list-item:nth-of-type(n+2) {
  margin: 70px auto 0;
}
#allergy_treatment .treatment-list-flx {
  margin-top: 25px;
  flex-direction: column-reverse;
  align-items: center;
}
#allergy_treatment .treatment-list-txt {
  margin: 20px auto 0;
}
#allergy_treatment .treatment-detail {
  margin-top: 25px;
}
#allergy_treatment .flow-list-item:nth-of-type(n+2) {
  margin-top: 45px;
}
#allergy_treatment .flow-list-item:nth-of-type(n+2)::before {
  width: 29px;
  height: 15px;
  top: -31px;
}
#allergy_treatment .flow-list-item .step {
  width: 92px;
  height: 43px;
  border-radius: 20px 0 20px 0;
}
#allergy_treatment .flow-list-con {
  padding: 20px;
}
#allergy_treatment .flow-list-txt {
  margin-top: 10px;
}

/* atopic  SP
------------------------------------ */
#atopic .atopic-inner {
  display: block;
  padding-bottom: 100px;
}
#atopic .atopic-ttl {
  text-align: center;
}
#atopic .atopic-txt {
  margin-top: 20px;
  padding: 0 15px;
}
#atopic .atopic-list {
  margin-top: 30px;
  padding: 0 15px;
}
#atopic .atopic-list-item:nth-of-type(n+2) {
  padding-top: 50px;
  background: url(../img/atopic/arw02.png) no-repeat center 14px;
}
#atopic .atopic-list-box {
  height: auto;
  padding: 35px 20px 30px;
}
#atopic .atopic-list-ttl {
  font-size: 2rem;
}
#atopic .key-txt {
  margin-top: 20px;
  padding: 0 15px;
}
#atopic .key-list {
  margin-top: 30px;
}
#atopic .key-list-item:nth-of-type(n+2) {
  margin-top: 30px;
}
#atopic .com-list-con {
  padding: 20px;
}
#atopic .com-list-txt {
  line-height: 1.9;
}
#atopic .symptoms-txt {
  margin-top: 15px;
  padding: 0 15px;
}
#atopic .symptoms-box {
  margin-top: 30px;
  padding: 20px;
}
#atopic .symptoms-list-item {
  padding: 15px 15px 15px 48px;
  background-size: 19px;
  background-position-x: 15px;
  font-size: 1.7rem;
}
#atopic .symptoms-note {
  padding-top: 50px;
  background-size: 28px;
  background-position-y: 15px;
}
#atopic .symptoms-note-txt {
  padding: 20px;
  font-size: 1.7rem;
}

/* atopic_treatment  SP
------------------------------------ */
#atopic_treatment .atopic-inner {
  padding-bottom: 80px;
}
#atopic_treatment .atopic-txt {
  margin-top: 20px;
  padding: 0 15px;
}
#atopic_treatment .atopic-list {
  margin-top: 35px;
}
#atopic_treatment .atopic-list-item:nth-of-type(n+2) {
  margin: 30px auto 0;
}
#atopic_treatment .atopic-list-box {
  padding: 50px 20px 30px;
}
#atopic_treatment .atopic-list-ttl {
  font-size: 2rem;
}
#atopic_treatment .atopic-list-txt {
  margin-top: 15px;
  padding: 0 15px;
}
#atopic_treatment .uvb-flx {
  flex-direction: column-reverse;
  align-items: center;
}
#atopic_treatment .uvb-img {
  width: 80%;
  margin: auto;
}
#atopic_treatment .uvb-left {
  margin: 20px auto 0;
}
#atopic_treatment .uvb-ttl {
  text-align: center;
}
#atopic_treatment .uvb-txt {
  margin-top: 15px;
  padding: 0 15px;
}
#atopic_treatment .uvb-list {
  margin-top: 30px;
}
#atopic_treatment .com-list-con {
  padding: 20px;
}
#atopic_treatment .process-list {
  display: block;
  background: none;
}
#atopic_treatment .process-list-item {
  max-width: none;
  padding: 30px 0;
}
#atopic_treatment .process-list-item:nth-of-type(n+2) {
  margin: 40px auto 0;
  position: relative;
}
#atopic_treatment .process-list-item:nth-of-type(n+2)::before {
  content: "";
  display: block;
  width: 29px;
  height: 22px;
  margin: auto;
  background: url(../img/atopic_treatment/arrow-sp.png) no-repeat center/contain;
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
}
#atopic_treatment .process-list-ttl {
  font-size: 2rem;
}
#atopic_treatment .process-list-txt {
  padding: 0 30px;
}

/* information  SP
------------------------------------ */
#information .access-inner {
  padding-top: 100px;
}
#information .access-flx {
  padding: 35px 20px;
  flex-direction: column-reverse;
  align-items: center;
}
#information .access-txt {
  margin-top: 15px;
}
#information .access-map {
  margin: 20px auto 0;
}
#information .access-box::before {
  width: 79px;
  height: 76px;
  top: -49px;
  right: 33px;
}
#information .access-list .item:nth-of-type(n+2) {
  margin-top: 10px;
}
#information .access-list dt, #information .access-list dd {
  padding: 13px 0;
}
#information .access-list dt {
  width: 80px;
  padding-left: 13px;
}
#information .hours-inner {
  padding-bottom: 100px;
}
#information .flow-btn {
  width: 100%;
  max-width: 280px;
  margin-top: 20px;
}
#information .flow-list-item:nth-of-type(n+2) {
  margin-top: 45px;
}
#information .flow-list-item:nth-of-type(n+2)::before {
  width: 29px;
  height: 15px;
  top: -31px;
}
#information .flow-list-item .step {
  width: 92px;
  height: 43px;
  border-radius: 20px 0 20px 0;
}
#information .flow-list-con {
  padding: 20px;
}
#information .flow-list-txt {
  margin-top: 10px;
}
#information .flow-tel-link {
  font-size: 2.5rem;
}
#information .com-list-con {
  padding: 15px;
}
#information .faq-list {
  margin-top: 25px;
}
#information .faq-list-item {
  padding: 20px;
}
#information .faq-list-item:nth-of-type(n+2) {
  margin-top: 30px;
}
#information .faq-list-ttl {
  padding: 6px 0px 25px 45px;
  background-size: 34px;
  font-size: 1.7rem;
}
#information .faq-list-a {
  padding: 20px 0px 20px 45px;
  background-position-y: 14px;
  background-size: 34px;
}

/* news  SP
------------------------------------ */
#news .com-box {
  padding: 25px;
}
#news .com-news-ttl {
  font-size: 2rem;
}

/* privacy  PC
------------------------------------ */
#privacy .privacy-box-ttl {
  font-size: 2rem;
}/*# sourceMappingURL=style_sp.css.map */