@charset "UTF-8";

/* ---------------------------------
 width <= 1200px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:1200px) {
#front-page main {
	padding:0 1rem;
}
#main-visual {
	height:auto;
	margin-bottom:2rem;
	background-image:none;
	background-color:#fafcf9;
	background-position:left top;
}
#inner-main-visual {
	display:block;
	background-image:url("../../img/home/back_main_wide.jpg");
	background-repeat:no-repeat;
	background-position:center top;
}
#inner-catch-copy {
	top:32px;
}
#catch-copy {
	height:auto;
	margin-bottom:4rem;
}
#doctor {
	min-height:470px;
}
#catch-copy ul {
	min-height:170px;
}
.info-line {
	display:block;
}
/* less 1200 */
}
/* ---------------------------------
 width <= 1040px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:1040px) {

/* less 1060 */
}
/* ---------------------------------
 width <= 1000px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:1000px) {
/* less 1000 */
}
/* ---------------------------------
 width <= 768px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:768px) {
/* less 768 */
}
/* ---------------------------------
 width <= 640px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:640px) {

/* less 640 */
}
/* ---------------------------------
 width <= 480px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:480px) {
#inner-catch-copy {
	top:16px;
}
#for-you {
	padding:0.8rem 0.5rem 0.8rem 0.7rem;
	line-height:1.1;
	background-color:#81bf09;
	font-size:2.3rem;
}
#temporomandibular-disorders #for-you {
	padding:0.8rem 0.5rem 0.8rem 0.7rem;
	font-size:2.2rem;
}
#catch-copy ul {
	min-height:110px;
}
#main-catch {
	padding-left:7px;
	font-size:2.2rem;
}
#main-catch strong {
	font-size:3.2rem;
}
#catch-copy {
	margin-bottom:3rem;
}
#catch-copy ul {
	top:10px;
	padding-left:0;
	text-align:center;
}
#catch-copy ul li {
	position:relative;
	display:inline-block;
	width:105px;
	height:105px;
	margin:0 1px;
	line-height:1.2;
	font-size:2.1rem;
}
#doctor {
	height:auto;
	min-height: 410px;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:contain;
}
main h2 {
	line-height:1;
}
main [id*=photo] img {
	display: block;
	width:100%;
	height: auto;
	margin: 0;
}
main #photo01 img,
main #photo02 img,
main #photo03 img,
main #photo04 img,
main #photo05 img {
	width:100%;
	height: auto;
}
#fixed-bar {
	/*display:none;*/
}
main h2 {
	font-size: 2.8rem;
}
#front-page .wrap-clover {
	top:3px;
	width:27px;
	height:27px;
	margin-right:4px;
}
main h3.recommend {
	line-height:1.2;
	font-size:2.4rem;
}
.recommend dt figure figcaption span {
	display:block;
	font-size:2rem;
}
#stop-covid19 {
	padding:1rem;
	border:solid 2px #f00;
}
main .core-contents #stop-covid19 h2 {
	transform: rotate(0.05deg);
	padding:0 0 5px;
	margin-bottom:1rem;
	letter-spacing:-1px;
	font-size:2.1rem;
}
main .core-contents #stop-covid19 h2 + p {
	transform: rotate(0.05deg);
	margin-bottom:1rem;
	letter-spacing:0;
}
main .core-contents #stop-covid19 h2 + p strong {
	font-weight:500;
	font-size:1.8rem;
}
main .core-contents #stop-covid19 figure img {
	margin-bottom:0.5rem;
}
.emp {
	letter-spacing:1px;
	line-height:1.1;
	font-size:2.2rem;
}
#doctor {
	height:240px;
	min-height: auto;
}
#doctor p {
	line-height:1.3;
	font-size:2rem;
}
.forSP {
	display: block;
}
.homeLeadHeader li {
	margin: 0 0 18px;
	line-height: 1.2;
	font-size: 3rem;
}
/* less 480 */
}

/* ---------------------------------
 width <= 375px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:375px) {

/* less 375 */
}

/* ---------------------------------
 width <= 360px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:360px) {
main em {
	letter-spacing:1rem;
}
/* less 360 */
}

/* ---------------------------------
 width <= 320px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:320px) {
#main-catch strong {
	font-size:4rem;
}
#catch-copy ul {
	min-height:100px;
}
#catch-copy ul li {
	width:95px;
	height:95px;
	font-size:1.8rem;
}
/* less 320 */
}
/* End of mq_home.css */