@charset "UTF-8";


/* TOPキービジュアル
ーーーーーーーーーーーーーーーーーーーーーーーー */
.lay100 {
width: 1200px;
height: 830px;
margin: 0 auto;
display: flex;
align-items: center;
}
.lay100 h1 {
width: 828px;
}

		@media screen and (max-width:743px) {
		.lay100 {
		width: auto;
		height: calc(420px + 60px);
		}
		.lay100 h1 {
		width: 90%;
		}
		/*smp end*/}


/* TOPリード
ーーーーーーーーーーーーーーーーーーーーーーーー */

.lay101 {
width: 1200px;
margin: 0 auto;
}
.lay101 p {
line-height: 1.95;
}
.lay101 p {
margin-top: 40px;
}
.lay101 p:first-child {
margin-top: 0px;
}

		@media screen and (max-width:743px) {
		.lay101 {
		width: auto;
		margin: 0 10px;
		}
		.lay101 p {
		line-height: 1.6;
		}
		.lay101 p {
		margin-top: 20px;
		}
		.lay101 p[style="font-size:24px"] {
		font-size: 20px !important;
		line-height: 1.6;
		}

		/*smp end*/}


/* TOP提供サービス
ーーーーーーーーーーーーーーーーーーーーーーーー */

.lay102 {
width: 1000px;
margin: 0 auto;
}
.lay102 h2 {
margin-top: 0px;
}
.lay102 .boxa {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.lay102 .boxa .wrpa {
width: 520px;
}
.lay102 .boxa .wrpa img {
box-shadow: var(--shadow);
border-radius: 10px;
}

.lay102 .boxa .wrpb {
width: 430px;
}

		@media screen and (max-width:743px) {
		.lay102 {
		width: auto;
		margin: 0 10px;
		}

		.lay102 .boxa {
		display: block;
		}
		.lay102 .boxa .wrpa {
		width: auto;
		}

		.lay102 .boxa .wrpb {
		width: auto;
		}
		/*smp end*/}


/* TOP事例紹介
ーーーーーーーーーーーーーーーーーーーーーーーー */

.lay103 {
width: 1000px;
margin: 0 auto;
}
.lay103 h2 {
margin-top: 60px;
}
.lay103 ul {
display: flex;
flex-wrap: wrap;
}
.lay103 li {
width: 170px;
margin-right: 30px;
font-size: 16px;
}
.lay103 li:nth-child(5n) {
margin-right: 0px;
}
.lay103 li img {
width: 170px;
height: 170px;
object-fit: cover;
box-shadow: var(--shadow);
border-radius: 10px;
margin-bottom: 10px;
}

		@media screen and (max-width:743px) {
		.lay103 {
		width: auto;
		margin: 0 10px;
		}
		.lay103 h2 {
		margin-top: 40px;
		}

		.lay103 li {
		width: 46%;
		margin-right: 4%;
		margin-top: 20px;
		}
		.lay103 li:nth-child(5n) {
		margin-right: 4%;
		}
		.lay103 li:nth-child(even) {
		margin-right: 0px;
		}
		.lay103 li img {
		width: 100%;
		height: auto;
		aspect-ratio: 1;
		object-fit: cover;
		}
		/*smp end*/}



/* お知らせ・心と身体の話
ーーーーーーーーーーーーーーーーーーーーーーーー */

.lay104 {
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.lay104 .seca {
width: 400px;
}
.lay104 .secb {
width: 540px;
}

.lay104 li,
.lay104 dd {
font-size: 16px;
}
.lay104 li a,
.lay104 dd a {
display: inline-block;
}

.lay104 dd span,
.lay104 li span {
font-size: 14px;
}

.lay104 li {
margin-top: 20px;
}
.lay104 li:first-child {
margin-top: 0px;
}
.lay104 dl {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.lay104 dt {
width: 25%;
margin-right: 5%;
margin-top: 20px;
}
.lay104 dt img {
width: 135px;
height: 135px;
object-fit: cover;
box-shadow: var(--shadow);
border-radius: 10px;
max-width: initial;
}
.lay104 dd {
width: 70%;
margin-top: 0px;
}
.lay104 dl dt:first-child {
margin-top: 0px;
}


		@media screen and (max-width:743px) {

		.lay104 {
		width: auto;
		margin: 0 10px;
		display: block;
		}
		.lay104 .seca {
		width: auto;
		}
		.lay104 .secb {
		width: auto;
		}

		.lay104 dl {
		margin-top: 20px;
		}
		.lay104 dt {
		width: 25%;
		margin-right: 5%;
		margin-top: 20px;
		}
		.lay104 dt img {
		width: 100%;
		height: auto;
		aspect-ratio: 1;
		}
		.lay104 dd {
		width: 70%;
		}
		.lay104 dl dt:first-child {
		margin-top: 0px;
		}

		/*smp end*/}


/* 下層キービジュアル
ーーーーーーーーーーーーーーーーーーーーーーーー */

.lay105 {
width: 1000px;
min-height: 200px;
display: flex;
align-items: center;
margin:0px auto;
}
h1.lay105,
p.lay105 {
color: var(--color-main);
font-size: 36px;
font-weight: 600;
margin-top: 60px;
text-shadow:
-3px -3px 0 #fff,
-3px  0   0 #fff,
-3px  3px 0 #fff,
0   -3px 0 #fff,
0    3px 0 #fff,
3px -3px 0 #fff,
3px  0   0 #fff,
3px  3px 0 #fff;
margin-top: 0px;
margin-bottom: 0px;
line-height: 1.6;
}

		@media screen and (max-width:743px) {
		.lay105 {
		width: auto;
		min-height: 150px;
		margin:0px 10px;
		}
		h1.lay105,
		p.lay105 {
		color: var(--color-main);
		font-size: 28px;
		}
		/*smp end*/}




/* 心と身体のお話（ブログ）
ーーーーーーーーーーーーーーーーーーーーーーーー */

/* 一覧格納パーツ */
.lay106 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: dotted 1px var(--color-main);
padding-bottom: 30px;
margin-bottom: 30px;
}

.lay106 p {
margin-top: 0px;
}
.lay106 .boxa {
width: 100%;
}
.lay106 .boxa > p:first-child {
font-size: 20px;
}
.lay106 .boxa .wrpa {
display: flex;
}
.lay106 .boxa .wrpa > p:first-child {
margin-right: 10px;
padding-right: 10px;
border-right: dotted 1px var(--color-main);
}
.lay106 .boxa .wrpa p {
font-size: 16px;
}

.lay106 .boxb {
width: 270px;
margin-top: 10px;
text-align: center;
}
.lay106 .boxb a img {
box-shadow: var(--shadow);
border-radius: 10px;
}
.lay106 .boxc {
width: 400px;
margin-top: 10px;
}

		@media screen and (max-width:743px) {
		.lay106 {
		display: block;
		padding-bottom: 20px;
		margin-bottom: 20px;
		}

		.lay106 .boxa > p:first-child {
		font-size: 18px;
		}
		.lay106 .boxb {
		width: auto;
		margin-top: 10px;
		}
		.lay106 .boxc {
		width: auto;
		margin-top: 20px;
		}
		/*smp end*/}


/* 記事ページ
ーーーーーーーーーーーーーーーーーーーーーーーー */

/* 日付とカテゴリー */

.lay107 {
display: flex;
flex-wrap: wrap;
margin-top: -20px;
margin-bottom: 30px;
}
.lay107 p {
font-size: 16px;
line-height: 1.6;
margin-top: 10px;
}

.lay107 p:first-child {
margin-right: 10px;
padding-right: 10px;
border-right: dotted 1px var(--color-main);
}
		@media screen and (max-width:743px) {
		.lay107 p {
		margin-top: 0px;
		}
		/*smp end*/}



/* ページネーション */
.lay108 {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
}
.lay108 li {
margin-right: 20px;
}

		@media screen and (max-width:743px) {
		.lay108 {
		margin-top: 5px;
		}

		/*smp end*/}



/* サイドナビ内
ーーーーーーーーーーーーーーーーーーーーーーーー */

.lay109 {
margin-top: 50px;
}

.lay109 > p:first-child {
font-weight: 600;
}
.lay109 ul {
margin-top: 10px;
}
.lay109 li {
margin-top: 5px;
}
.lay109 ul ul {
margin-top: 0px;
}

.lay109 li li::before {
content: "├ ";
font-size: 14px;
}

.lay109 li li:last-child::before {
content: "└ ";
}


		@media screen and (max-width:743px) {
		.lay109 {
		margin-top: 30px;
		}
		/*smp end*/}