@charset "UTF-8";
/* CSS Document */
/*
 * ===========================================
 * style.css
 * ===========================================
 */

/* -------------------------------------------
 * 基本設定
 * ------------------------------------------- */
html {
    /* 1rem = 10px に設定 */
    font-size: 62.5%;
}

body {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #4a4a4a;
    background-color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%; /* 画像が親要素を超えないように */
    height: auto;    /* 高さを自動調整 */
    vertical-align: bottom; /* 画像下の余白防止 */
}

/* リンクの基本スタイル */
a {
    color: #65ab5c;
    text-decoration: none;
    transition: opacity 0.3s;
}

a:hover {
    opacity: 0.7;
}

/* -------------------------------------------
 * 共通レイアウト
 * ------------------------------------------- */

/* PC用: コンテンツ幅 840px */
.container {
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* スマホ用: コンテンツ幅 88% */
@media screen and (max-width: 800px) {
    .container {
        width: 88%;
        margin: 0 auto;
        padding: 0;
    }
}

/* -------------------------------------------
 * 共通パーツ（セクションタイトル）
 * ------------------------------------------- */
 
/* PC用 */
.section-title {
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
    line-height: 1.2;
}

/* -------------------------------------------
 * ヘッダー (header)
 * ------------------------------------------- */

/* PC用 */
.header {
    padding: 2rem 0; 
}

.header-logo {
	margin: 0 auto;
	text-align: center;
    width: 180px; 
}



/* スマホ用 */
@media screen and (max-width: 800px) {
    .header {
        padding: 1.5rem; 
    }
    .header-logo {
        width: 37%;
    }
}



/* -------------------------------------------
 * トップビジュアル (top-visual)
 * ------------------------------------------- */

/* PC用 */
.top-visual {
    width: 100%;
    line-height: 0; 
}
.top-visual img {
    width: 100%; 
    height: auto;
}

.top-visual-sp {
    display: none;
}
.top-visual-pc {
    display: block;
}

/* スマホ用 */
@media screen and (max-width: 800px) {
    .top-visual-sp {
        display: block;
    }
    .top-visual-pc {
        display: none;
    }
}




/* -------------------------------------------
 * 01. 目次 (toc)
 * ------------------------------------------- */

/* PC用 */
.toc {
    padding: 8.0rem 0;
    background-image: url('../images/01-bg-pc.png');
	background-size: cover; 
    background-position: center center;
    background-repeat: no-repeat;
	background-color: #dbf2b1;
}

.toc-note {
    margin-bottom: 4.0rem;
    max-width: 900px;
    font-size: 1.8rem; /* (統一ルール) */
    line-height: 1.8;
}

.toc-box {
    background-color: #FFFFFF;
    padding: 4.0rem;
    max-width: 600px;
}

.toc-title {
    font-weight: 700;
    font-size: 2rem;
	color: #65ab5c;
    margin-bottom: 3.0rem;
}

.toc-list li {
	 font-weight: 600;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    line-height: 1;
}
.toc-list li:last-child {
    margin-bottom: 0;
}

.toc-list-indent {
    padding-left: 2.5rem;
}

.toc-list a {
    text-decoration: none;
}

/* スマホ用 */
@media screen and (max-width: 800px) {
    .toc {
        padding: 4.0rem 0;
    }

    .toc-note {
        margin-bottom: 3.0rem;
        max-width: 100%;
        font-size: 1.5rem;
    }

    .toc-box {
        padding: 2.0rem;
        max-width: 100%;
    }

    .toc-title {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }

    .toc-list li {
		margin-bottom: 0.5rem;
        font-size: 1.5rem;
		line-height: 2rem;
    }

    .toc-list-indent {
        padding-left: 2.0rem;
    }
}


/* -------------------------------------------
 * 02. はじめに (intro)
 * ------------------------------------------- */

/* PC用 */
.intro {
    padding: 8.0rem 0;
}

.intro-title {
    font-size: 3.5rem; /* (統一ルール) */
    text-align: center;
    margin-bottom: 4.0rem;
}

.intro-text {
    margin-bottom: 4.0rem;
}

.intro-text p {
    font-size: 1.8rem; /* (統一ルール) */
    line-height: 1.8; /* (統一ルール) */
    text-align: justify;
    margin-bottom: 2.0rem;
}
.intro-text p:last-child {
    margin-bottom: 0;
}

.intro-buttons {
    margin-bottom: 5.0rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.intro-button {
    max-width: 500px; /* (統一ルール) */
    width: 100%; 
}
.intro-button:first-child {
    margin-bottom: 2.0rem;
}
.intro-button a {
    display: block;
    line-height: 0;
}
.intro-button img {
    width: 100%;
}

.intro-note {
    font-size: 1.8rem; /* (統一ルール) */
    line-height: 1.6; /* (統一ルール) */
    text-align: justify;
    max-width: 900px;
    margin: 0 auto;
}

.inrto-image {
    text-align: center;
    margin-bottom: 4.0rem;
}



/* スマホ用 */
@media screen and (max-width: 800px) {
    .intro {
        padding: 4.0rem 0;
    }

    .intro-title {
        font-size: 2.5rem; /* (統一ルール) */
        margin-bottom: 3.0rem;
    }

    .intro-text {
        margin-bottom: 3.0rem;
    }

    .intro-text p {
        font-size: 1.5rem;
        line-height: 1.7;
    }

    .intro-buttons {
        margin-bottom: 3.0rem;
    }

    .intro-button {
        max-width: 100%;
    }
    .intro-button:first-child {
        margin-bottom: 1.5rem;
    }

    .intro-note {
        font-size: 1.4rem;
        line-height: 1.6;
        max-width: 100%;
    }
	
	.trial-image {
        margin-bottom: 3.0rem;
    }

}




/* -------------------------------------------
 * 03. 皮膚エリテマトーデスとは (about)
 * ------------------------------------------- */

/* PC用 */
.about {
    padding: 8.0rem 0;
    background-color: #fcf4e0;
    background-image: url('../images/03-bg-pc.png');
    background-size: cover; 
    background-position: center center;
    background-repeat: no-repeat;
}

.about-title {
    font-size: 3.51rem; /* (統一ルール) */
    text-align: center;
    margin-bottom: 4.0rem;
}

.about-text {
    margin-bottom: 4.0rem;
}
.about-text p {
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: justify;
}
.about-image {
    text-align: center;
    margin-bottom: 1.0rem;
}
/* スマホ用 */
@media screen and (max-width: 800px) {
    .about {
        padding: 4.0rem 0;
    }

    .about-title {
        font-size: 2.5rem; /* (統一ルール) */
        margin-bottom: 3.0rem;
    }

    .about-text {
        margin-bottom: 3.0rem;
    }
    .about-text p {
        font-size: 1.5rem;
        line-height: 1.7;
	}}


/* -------------------------------------------
 * 04. 治験とはtrial
 * ------------------------------------------- */

/* PC用 */
.trial {
    padding: 8.0rem 0;
    background-image: url('../images/01-bg-pc.png');
	background-size: cover; 
    background-position: center center;
    background-repeat: no-repeat;
	background-color: #dbf2b1;
}

@media screen and (max-width: 800px) {
.trial {
        padding: 4.0rem 0;
	}

.trial-text{
	font-size: 1.5rem;
   }
}
/* -------------------------------------------
 * 05. 本治験の参加条件 (condition)
 * ------------------------------------------- */
/* PC用 */
.condition {
    padding: 8.0rem 0;
	background-color: #fff;
}


.condition-title {
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 4.0rem;
}

.condition-box {
    background-color: #FFFFFF;
    border: 2px solid #65ab5c;
    box-shadow: 5px 5px 0 #65ab5c;
	border-radius: 0.5rem;
    padding: 6.0rem;
    margin-bottom: 4.0rem;
}

.condition-box-text {
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: justify;
}

.condition-listtitle{
	font-weight: 700;
	color: #65ab5c;
	margin-top:3rem;
}

.condition-list{
    margin: 2.0rem 0;
}

.condition-list li {
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 0.5rem;
    position: relative;
    padding-left: 2.0rem;
}
.condition-list li:last-child {
    margin-bottom: 0;
}

.condition-list li::before {
    content: '';
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    background-color: #65ab5c;
    position: absolute;
    left: 0.5rem;
    top: 0.6em;
}

.condition-lead-text {
    font-size: 1.8rem;
    line-height: 1.8;
    font-weight: 700;
    text-align: left;
    margin-bottom: 4.0rem;
}

.condition-button {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}
.condition-button a {
    display: block;
    line-height: 0;
}
.condition-button img {
    width: 100%;
}

.button-link :hover {
    opacity: 0.7;
	transition: opacity 0.3s;
}


/* ポップアップ */
.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom,#fff , #dbdbdb); /* 淡いグレーのグラデーション */
    padding: 0 0 35px 0;
    width: 400px;
    text-align: center;
    z-index: 999;
  }
  
.popup h2 {
    background:#f5a623;
    padding: 25px 0 25px 0;
    color: #3c2617;
    font-size: 22px;
	font-weight: 600;
  }

.button-container {
    margin-top: 25px;
  }
.button-container p{
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 18px;
}
  .yes-button {
    display: inline-block;
    width: 120px;
	height: 70px;
    padding: 1em 1em;
	 margin-right: 5px;
    text-align: center;
    color: #3c2617;
    background-color: #fce5bf;
	border: 1px solid #fce5bf;
    border-radius: 25px;
    font-weight: bold;
	font-size: 18px;
    transition: transform 0.5s, color 0.5s;
    
  }
  .yes-button:hover{
    color: #3c2617;
    transform: translateY(-5px);
    cursor:pointer;
  }
  .no-button {
    display: inline-block;
    width: 120px;
	height: 70px;
    padding: 1em 1em;
	margin-left: 5px;
    text-align: center;
    color:#3c2617;
   background-color: #fce5bf;
	border: 1px solid #fce5bf;
    border-radius: 25px;
    font-weight: bold;
	font-size: 18px;
    transition: transform 0.5s, color 0.5s;
  }
 
  .no-button:hover {
    color: #3c2617;
    transform: translateY(-5px);
    cursor:pointer;
  } 
  .overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* 透明度60%のグレーオーバーレイ */
    z-index: 998; /* ポップアップよりも背面に表示 */
  }





/* スマホ用 */
@media screen and (max-width: 800px) {
    .condition {
        padding: 4.0rem 0;
    }

    .condition-title {
        font-size: 2.5rem;
        margin-bottom: 3.0rem;
    }

    .condition-box {
        padding: 2.5rem;
        margin-bottom: 3.0rem;
        box-shadow: 5px 5px 0 #65ab5c;
    }

    .condition-box-text {
        font-size: 1.5rem;
        line-height: 1.7;
    }
	
	.condition-listtitle{
	font-size: 1.6rem;
		font-weight: 700;
		color: #65ab5c;
		margin:1.8rem 0 -1.5rem;
}

    .condition-list {
        margin: 2.5rem 0;
    }

    .condition-list li {
        font-size: 1.5rem;
        line-height: 1.6;
        margin-bottom: 0.6rem;
        padding-left: 1.8rem;
    }

    .condition-list li::before {
        width: 0.7rem;
        height: 0.7rem;
        left: 0.4rem;
        top: 0.5em;
    }

    .condition-lead-text {
        font-size: 1.5rem;
        line-height: 1.7;
        margin-bottom: 3.0rem;
    }
}


/* -------------------------------------------
 * 06. 治験の目的purpose
 * ------------------------------------------- */

/* PC用 */
.purpose {
    padding: 8.0rem 0;
    background-image: url('../images/01-bg-pc.png');
	background-size: cover; 
    background-position: center center;
    background-repeat: no-repeat;
	background-color: #dbf2b1;
}

.purpose-title {
    font-size: 3.51rem; /* (統一ルール) */
    text-align: center;
    margin-bottom: 4.0rem;
}

.purpose-box {
    background-color: #FFFFFF;
    box-shadow: 5px 5px 0 #65ab5c;
	border-radius: 0.5rem;
    padding: 6.0rem;
    margin-bottom: 4.0rem;
}

.purpose-listtitle{
	font-weight: 700;
	color: #65ab5c;
	margin:3rem 0 1.5rem;
}
 
.purpose-box-text {
		text-align: justify;
   }
  

.purpose-box-chushaku{
	font-size: 1.6rem;
	margin-top: 0.8rem;
	text-align: justify;
}

.purpose-line{
	border: solid 1px #65ab5c;
	margin-top: 3rem;
}

/* スマホ用 */
@media screen and (max-width: 800px) {
    .purpose{
        padding: 4.0rem 0;
    }

    .purpose-title {
        font-size: 2.5rem;
        margin-bottom: 3.0rem;
    }

    .purpose-box {
        padding: 2.5rem;
        margin-bottom: 3.0rem;
    }

    .purpose-box-text {
        font-size: 1.5rem;
        line-height: 1.7;
		text-align: justify;
    }
	
	.purpose-listtitle{
	font-size: 1.6rem;
		font-weight: 700;
		color: #65ab5c;
		margin:2rem 0 0.8rem;
}
}



/* -------------------------------------------
 * 07. 治験の参加期間period
 * ------------------------------------------- */

/* PC用 */
.period {
    padding: 8.0rem 0;
	background-color: #fff;
}

.period-title {
    font-size: 3.51rem; /* (統一ルール) */
    text-align: center;
    margin-bottom: 4.0rem;
	line-height: 5rem;
}

.period-box {
    background-color: #e2f2e9;
    padding: 0 0 3.0rem;
    margin-bottom: 6.0rem;
}


.period-box-title{
	background-color: #3fab6c;
	font-weight: 700;
	font-size: 2rem;
	color: #fff;
	margin:3rem 0 1.5rem;
	padding: 2rem;
	text-align: center;
}
 
.period-box-text {
	text-align: justify;
	margin: 4rem 6rem 4rem;
	line-height: 3rem;
   }

.period-image{
	text-align: center;
	margin: 0rem 6rem 3rem;
}

.period-img-sp {
    display: none;
}
.period-img-pc {
    display: inline-block;
    width: 100%;
    height: auto;
}




/* スマホ用 */
@media screen and (max-width: 800px) {
    .period{
        padding: 4.0rem 0;
    }

    .period-title {
        font-size: 2.5rem;
        margin-bottom: 3.0rem;
			line-height: 4rem;
    }

.period-box {
    background-color: #e2f2e9;
    padding: 0 0 1rem;
    margin-bottom: 3.0rem;
}

.period-box-title{
	margin:1.5rem 0 0.8rem;
	padding: 1rem;
	text-align: center;
	font-size: 1.6rem;
}
 
.period-box-text {
	text-align: justify;
	margin: 2rem 2.5rem 2rem;
	line-height: 2.8rem;
	font-size: 1.5rem;
   }

.period-image{
	text-align: center;
	margin: 0rem 2rem 1.5rem;
}
	
.period-img-sp {
        display: inline-block;
        width: 100%;
        height: auto;
    }
.period-img-pc {
        display: none;
    }	
	
}



/* -------------------------------------------
 * 08. 治験薬についてdrug
 * ------------------------------------------- */

/* PC用 */
.drug {
    padding: 8.0rem 0;
    background-image: url('../images/01-bg-pc.png');
	background-size: cover; 
    background-position: center center;
    background-repeat: no-repeat;
	background-color: #dbf2b1;
}

.drug-title {
    font-size: 3.51rem; /* (統一ルール) */
    text-align: center;
    margin-bottom: 4.0rem;
}

.drug-text{
	line-height: 3rem;
}

.drug-button {
    max-width: 500px;
    width: 100%;
    margin: 6rem auto 0;
}
.drug-button a {
    display: block;
    line-height: 0;
}
.drug-button img {
    width: 100%;
}

@media screen and (max-width: 800px) {
.drug {
        padding: 4.0rem 0;
	}
.drug-title {
        font-size: 2.5rem;
        margin-bottom: 3rem;
    }
.drug-text{
	font-size: 1.5rem;
	line-height: 2.5rem;
   }
.drug-button {
    margin: 3rem auto 0;
}
}


/* -------------------------------------------
 * 09. 実施医療機関所在地 (location)
 * ------------------------------------------- */

/* PC用 */
.location {
    padding: 8.0rem 0;
    background-color: #fff;
}

.location-title {
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 1.0rem;
}

.location-update {
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 4.0rem;
}

.location-text {
    margin-bottom: 3.0rem;
}
.location-text p {
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: left;
}

/* 白ボックス */
.location-box {
    background-color: #FFFFFF;
    padding: 5.0rem;
    border-radius: 0.5rem;
	border: solid 2px #65ab5c;
    box-shadow: 5px 5px 0 #65ab5c;
    display: flex;
    align-items: center;
    gap: 3.0rem;
	margin-bottom: 3rem;
}

/* 画像エリア */
.location-box-image {
    flex: 1;
    text-align: center;
}
.location-box-image img {
    max-width: 250px;
    width: 100%;
}

/* リストエリア (2列) */
.location-box-lists {
    flex: 1.5;
    display: flex;
    justify-content: space-around;
    gap: 2.0rem;
}

.location-list {
    list-style: none;
}
.location-list li {
    font-size: 1.8rem;
    line-height: 1.8;
    margin-bottom: 1.0rem;
}
.location-list li:last-child {
    margin-bottom: 0;
}


/* スマホ用 */
@media screen and (max-width: 800px) {
    .location {
        padding: 4.0rem 0;
    }

    .location-title {
        font-size: 2.5rem;
        margin-bottom: 0.5rem;
    }

    .location-update {
        font-size: 1.5rem;
        line-height: 1.7;
        margin-bottom: 3.0rem;
    }

    .location-text {
        margin-bottom: 3.0rem;
    }
    .location-text p {
        font-size: 1.5rem;
        line-height: 1.7;
    }

    /* 白ボックス */
    .location-box {
        padding: 2rem 1.5rem;
        flex-direction: column;
		margin-bottom: 2rem;
    }

    /* 画像エリア */
    .location-box-image {
        width: 100%;
        text-align: center;
        margin-bottom: -1rem;
    }
    .location-box-image img {
        max-width: 200px;
    }

    /* リストエリア (2列) */
    .location-box-lists {
        width: 100%;
        justify-content: center;
        gap: 0.5rem;
    }

    .location-list {
        padding: 0 0.2rem;
    }
    .location-list li {
        font-size: 1.5rem;
        line-height: 1.5;
        margin-bottom: 0.8rem;
    }
}



/* -------------------------------------------
 * 10. 費用負担cost
 * ------------------------------------------- */

/* PC用 */
.cost {
    padding: 8.0rem 0;
    background-image: url('../images/03-bg.png');
	background-size: cover; 
    background-position: center center;
    background-repeat: no-repeat;
	background-color: #e8b29e;
}

.cost-title {
    font-size: 3.51rem; /* (統一ルール) */
    text-align: center;
    margin-bottom: 4.0rem;
}

.cost-text{
	line-height: 3rem;
}

@media screen and (max-width: 800px) {
.cost {
        padding: 4.0rem 0;
	}
.cost-title {
        font-size: 2.5rem;
        margin-bottom: 3rem;
    }
.cost-text{
	font-size: 1.5rem;
   }
}



/* -------------------------------------------
 * 10. お問い合わせ・お申込み (contact)
 * ------------------------------------------- */

/* PC用 */
.contact {
    padding: 8.0rem 0;
    background-color: #fcf4e0;
    background-image: url('../images/03-bg-pc.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.contact-title {
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 4.0rem;
}

.contact-intro {
    margin-bottom: 4.0rem;
}
.contact-intro p {
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: justify;
}

/* コンテンツエリア (PCのみ幅を狭める) */
.contact-body {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

.contact-block {
    margin-bottom: 4.0rem;
}
.contact-block:last-child {
    margin-bottom: 0;
}

.contact-block-title {
    font-size: 1.8rem;
    line-height: 1.8;
    font-weight: 700;
    text-align: left;
    margin-bottom: 1.5rem;
}

.contact-button {
    width: 100%;
    margin-bottom: 1.5rem;
}
.contact-button a {
    display: block;
    line-height: 0;
    transition: opacity 0.3s;
}
.contact-button a:hover {
    opacity: 0.7;
}
.contact-button img {
    width: 100%;
}

/* 通常の注釈 */
.contact-note {
    font-size: 1.6rem; /* 注釈ルール(1.1rem)ではなく、本文-2ptルール(1.0rem)を適用 */
    line-height: 1.6;
    text-align: left;
    margin-bottom: 1.0rem;
}



/* スマホ用 */
@media screen and (max-width: 800px) {
    .contact {
        padding: 4.0rem 0;
    }

    .contact-title {
        font-size: 2.5rem;
        margin-bottom: 3.0rem;
    }

    .contact-intro {
        margin-bottom: 3.0rem;
    }
    .contact-intro p {
        font-size: 1.5rem;
        line-height: 1.7;
    }

    /* コンテンツエリア (スマホでは制限解除) */
    .contact-body {
        max-width: 100%;
    }

    .contact-block {
        margin-bottom: 3.0rem;
    }

    .contact-block-title {
        font-size: 1.5rem;
        line-height: 1.7;
        margin-bottom: 1.2rem;
    }

    .contact-button {
        margin-bottom: 1.2rem;
    }

    .contact-note {
        font-size: 1.4rem; /* 注釈ルールを適用 */
        line-height: 1.3;
        margin-bottom: 0.8rem;
    }
    

    .contact-small {
        font-size: 1.4rem;
        line-height: 1.3;
    }
}



/* -------------------------------------------
 * 12. お申し込みから治験参加までの流れ (flow-chart)
 * ------------------------------------------- */

/* PC用 */
.flow-chart {
    padding: 8.0rem 0;
    background-color: #FFFFFF;
}

/* .flow-chart セクションのコンテナのみを 550px に制限 */
.flow-chart .container {
    max-width: 600px;
}

.flowchart-title {
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 4.0rem;
	line-height: 1.4;
}

.flowchart-image {
    text-align: center;
    margin-bottom: 4.0rem;
}

.flowchart-img-sp {
    display: none;
}
.flowchart-img-pc {
    display: inline-block;
    width: 100%;
    height: auto;
}

.flowchart-note {
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
}


/* スマホ用 */
@media screen and (max-width: 800px) {
    .flow-chart {
        padding: 4.0rem 0;
    }

    .flowchart-title {
        font-size:2.5rem;
        margin-bottom: 3.0rem;
		line-height: 1.4;
    }

    .flowchart-image {
        margin-bottom: 3.0rem;
    }

    .flowchart-img-sp {
        display: inline-block;
        width: 100%;
        height: auto;
    }
    .flowchart-img-pc {
        display: none;
    }

    .flowchart-note {
        font-size: 1.5rem;
        line-height: 1.6;
    }
}


/* -------------------------------------------
 * 13. 医療者向けdoctor
 * ------------------------------------------- */

/* PC用 */
.doctor {
    padding: 8.0rem 0;
	background-color: #ebe2f0;
}

.doctor-title {
    font-size: 3.51rem; /* (統一ルール) */
    text-align: center;
    margin-bottom: 4.0rem;
}

.doctor-text{
	line-height: 3rem;
}

.doctor-button{
	  max-width: 500px;
    width: 100%;
    margin: 6rem auto 0;	
}
.doctor-button a {
    display: block;
    line-height: 0;
}
.doctor-button img {
    width: 100%;
}


@media screen and (max-width: 800px) {
.doctor {
        padding: 4.0rem 0;
	}
.doctor-title {
        font-size: 2.5rem;
        margin-bottom: 3rem;
    }
.doctor-text{
	font-size: 1.5rem;
   }
.doctor-button {
    margin: 3rem auto 0;
}
}



/* -------------------------------------------
 * 14. 個人情報の取扱いについて (privacy)
 * ------------------------------------------- */

/* PC用 */
.privacy {
    padding: 8.0rem 0;
    background-color: #FFFFFF;
}

.privacy-title {
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 4.0rem;
}

.privacy-text {
    margin-bottom: 4.0rem;
}
.privacy-text p {
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: justify;
    max-width: 100%;
    margin: 0 auto;
}

.privacy-link-lead {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.9rem;
    font-weight: 700;
    text-align: left;
}

.privacy-link-lead a {
    color: #65ab5c;
    text-decoration: none;
    transition: opacity 0.3s;
}
.privacy-link-lead a:hover {
    opacity: 0.7;
}


/* スマホ用 */
@media screen and (max-width: 800px) {
    .privacy {
        padding: 4.0rem 0;
    }

    .privacy-title {
        font-size: 2.5rem;
        margin-bottom: 3.0rem;
    }

    .privacy-text {
        margin-bottom: 3.0rem;
    }
    .privacy-text p {
        font-size: 1.5rem;
        line-height: 1.7;
        max-width: 100%;
    }

    .privacy-link-lead {
        font-size: 1.6rem;
    }
}


/* -------------------------------------------
 * 15. フッター (footer)
 * ------------------------------------------- */

/* PC用 */
.footer {
    background-color: #FFFFFF;
}

.footer-note {
    background-color: #dbdbdb; 
    padding: 2.0rem 0; 
}
.footer-note-container p {
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: left;
}

.footer-main {
    padding: 0.5rem 0 0.5rem;
}

.footer-img-sp {
    display: none;
}
.footer-img-pc {
    display: block;
    width: 100%;
    height: auto;
}


/* スマホ用 */
@media screen and (max-width: 800px) {
    .footer-note {
        padding: 1.5rem 0;
    }
    .footer-note-container p {
        font-size: 1.5rem;
        line-height: 1.7;
    }

    .footer-main {
        padding: 0.5rem 0 0.5rem;
    }

    .footer-img-sp {
        display: block;
        width: 100%;
        height: auto;
    }
    .footer-img-pc {
        display: none;
    }
}