@charset "utf-8";
/*===================================================================
    docter
===================================================================*/
.docter-text-area {
	margin: 32px 0 24px;
	flex-wrap: wrap;
}

.docter-contents-wrap {
	margin-bottom: 40px;
}

.docter-text {
    margin: 0 8px 12px;
    background: #cee6e7;
    color: #000;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
}

.docter-detail-text {
	padding: 0 2%;
	line-height: 1.8;
}

.docter-table {
	margin-bottom: 40px;
}

.certification-img-wrap {
	width: 50%;
	margin: 0 auto;
}

.docter-img-wrap {
	width: 25%;
	margin: 0 24px 8px 0;
}

.docter .pink {
	background: #ff8e8e;
}
.docter h2.contents-ttl-01.pink-ttl-01 {
    background: url(../images/common/ttl_bg_pc.png) top right, linear-gradient( to right, #ff7878, #ffc5c5 );
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 24px;
    padding: 15px 8px 15px 26px;
    color: #fff;
    font-size: 2rem;
}

.docter-table.pink th {
    padding: 14px 16px;
    border: 1px solid #ff9b9b;
    background: #ffd7d7;
    vertical-align: top;
}

.docter-table.pink td {
    padding: 14px 16px;
    border: 1px solid #ff9b9b;
    background: #fff;
    vertical-align: top;
}
.docter-text.pink {
    margin: 0 8px 12px;
    background: #ffd7d7;
    color: #000;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
}
.contents-list:first-child {
	margin-bottom: 80px;
	padding-bottom: 40px;
}
/* ==========================================================================
   sp 768px
   ========================================================================== */
@media (max-width: 768px) {

	.docter h2.contents-ttl-01.pink-ttl-01 {
	    background: url(../images/common/ttl_bg_sp.png) top right, linear-gradient( to right, #ff7878, #ffc5c5 );
	    background-repeat: no-repeat;
	    background-size: contain;
	    margin-bottom: 16px;
	    padding: 9px 0 9px 16px;
	    font-size: 1.6rem;
	}
}

/* ==========================================================================
   sp 480px
   ========================================================================== */
@media (max-width: 480px) {
	.docter {
		float: none;
	}

	.docter-img-wrap {
		float: none;
	    width: 70%;
	    margin: 0 auto 24px;
	}


	.swiper-container {
	  width: 75%;
	  margin: 0 auto 32px;
	}

}

/* ==========================================================================
   sp 320px
   ========================================================================== */
@media (max-width: 320px) {
	.docter-text {
	    margin: 0 8px 8px;
	    padding: 4px 8px;
	    border-radius: 4px;
	}
}