@charset "utf-8";

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* web font */
.wf-robot {
	font-family: 'Roboto', sans-serif;
}
.wf-vollkorn {
	font-family: 'Vollkorn', sans-serif;
}
.wf-opensans {
	font-family: 'Open Sans', sans-serif;
}
.wf-nunito {
	font-family: 'Nunito', sans-serif;
}
.wf-mplusrounded1c {
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.wf-notosansjp {
	font-family: 'Noto Sans JP', sans-serif;
}
.wf-sawarabimincho {
	font-family: 'Sawarabi Mincho', sans-serif;
}
.wf-kosugi {
	font-family: 'Kosugi', sans-serif;
}
.wf-kosugimaru {
	font-family: 'Kosugi Maru', sans-serif;
}
.wf-notoserifjp {
	font-family: 'Noto Serif JP', sans-serif;
}
.wf-concertone {
	font-family: 'Concert One', sans-serif;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* module1 */
.txt_right {
	text-align: right;
}
.clear {
	clear: both;
}
.bold {
	color: #f39801;
	font-size: 1.2em;
	margin: 10px;
}
.img img {
	width: 100%;
	height: auto;
}
.img img.imgauto {
	width:60px;
	height: auto;
}
.underline-marker {
	background-image: linear-gradient(transparent 70%, #f39801 0%);
}
.underline-gradient {
	background-image: linear-gradient(to right, #185a9d, #43cea2);
	color: #fff;
}

@media screen and (min-width: 768px) { /* pc */
.banner a:hover img {
	opacity: 0.85;
}
}

@media screen and (max-width: 767px) { /* sp */
}
/* main, base ----------------------------------- */
main h2 {
	margin: 0 0 0em;
	font-family: 'Kosugi Maru', sans-serif;
}
main h2.type2 {
	text-align: center;
}
main h2 span.eng {
	display: block;
	padding: 0.5em 0;
	color: #f39801;
	font-size: 75%;
	font-family: 'Roboto', sans-serif;
}
main h2.type2 span.eng {
	display: block;
	color: #f39801;
}
main h3 {
	margin: 0 0 0.5em;
	font-family: 'Kosugi Maru', sans-serif;
}
main h3:nth-child(n+2) {
	margin-top: 60px;
}
main h4 {
	margin: 0 0 0.3em;
}
main h5 {
	margin: 0 0 1em;
}
main h6 {
	margin: 0 0 1em;
}

@media screen and (min-width: 768px) { /* pc */
main {
	padding-top: 55px;
}
main > article > .section {
	padding-top: 30px;
	padding-bottom: 30px;
}
main > article > .section.bg1 {
	padding-top: 40px;
	background: #e5f2f9;
}
main > article > .section.bg2 {
	padding-top: 40px;
	background: #fffbe5;
}
.bg3 {
	padding-top: 40px;
	background: url(../img/beginners/07.jpg) right top no-repeat;
}
.bg3.mb30 {
	padding-bottom: 30px;
}
main > article > .section ~ .section {
	padding-top: 40px;
}
main > article > .section:last-of-type {
	padding-bottom: 60px;
}
main > article > .section > .inner {
	width: 1120px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
main .inner section ~ section {
	margin-top: 40px;
}
main h2 {
	font-size: 3.0rem;
	font-weight: normal;
	line-height: 130%;
    padding-bottom: 24px;
}
main h3 {
	font-size: 2.6rem;
	font-weight: normal;
	color: #f39801;
	font-family: 'Kosugi Maru', sans-serif;
}
main h4 {
	font-size: 2.2rem;
	font-weight: normal;
}
main h4:nth-child(n+3) {
	margin-top: 50px;
}
main h4:after {
	content: '';
	display: block;
	background: #f39801;
	height: 1px;
	width: 80px;
	margin-top: 5px;
}
main h4.center:after {
	margin-left: auto;
	margin-right: auto;
}
main p {
	font-size: 1.6rem;
}
}

@media screen and (max-width: 767px) { /* sp */
main {
/*padding-top: calc(84 / 768 * 100vw);*/
}
main > article > .section {
	padding-top: 25px;
	padding-bottom: 1px;
}
main > article > .section.bg1 {
	padding-top: 30px;
	background: #e5f2f9;
}
main > article > .section.bg2 {
	padding-top: 30px;
	background: #fffbe5;
}
main > article > .section:last-of-type {
	padding-bottom: 30px;
}
main > article > .section > .inner {
	padding-left: 20px;
	padding-right: 20px;
}
main h2 {
	font-size: 2.6rem;
	font-weight: normal;
}
main h2 span.eng {
}
main h3 {
	font-size: 2.2rem;
	font-weight: normal;
	color: #f39801;
}
main h4 {
	font-size: 2.0rem;
}
main h4:nth-child(n+3) {
	margin-top: 50px;
}
main h4:after {
	content: '';
	display: block;
	background: #f39801;
	height: 1px;
	width: 80px;
	margin-top: 5px;
}
main h5 {
	font-size: 1.3rem;
}
main h6 {
	font-size: 1.2rem;
}
}
/* pop */
main .pop {
	position: absolute;
}

@media screen and (min-width: 768px) { /* pc */
main .pop1 {
	width: 153px;
	height: 132px;
	background: url(../img/common/pop_01.png) center center / contain no-repeat;
}
main .pop2 {
	width: 182px;
	height: 286px;
	background: url(../img/common/pop_02.png) center center / contain no-repeat;
}
main .pop3 {
	width: 212px;
	height: 247px;
	background: url(../img/common/pop_03.png) center center / contain no-repeat;
}
main .pop4 {
	width: 450px;
	height: 190px;
	background: url(../img/common/pop_04.png) center center / contain no-repeat;
}
main .pop5 {
	width: 94px;
	height: 82px;
	background: url(../img/common/pop_05.png) center center / contain no-repeat;
}
main .pop6 {
	width: 156px;
	height: 383px;
	background: url(../img/common/pop_06.png) center center / contain no-repeat;
}
main .pop7 {
	width: 87px;
	height: 124px;
	background: url(../img/common/pop_07.png) center center / contain no-repeat;
}
main .pop8 {
	width: 181px;
	height: 259px;
	background: url(../img/common/pop_08.png) center center / contain no-repeat;
}
main .pop9 {
	width: 152px;
	height: 218px;
	background: url(../img/common/pop_09.png) center center / contain no-repeat;
}
}

@media screen and (max-width: 767px) { /* sp */
main .pop1 {
 width: calc(153 / 768 * 100vw);
 height: calc(132 / 768 * 100vw);
	background: url(../img/common/pop_01.png) center center / contain no-repeat;
}
main .pop2 {
 width: calc(182 / 768 * 100vw);
 height: calc(286 / 768 * 100vw);
	background: url(../img/common/pop_02.png) center center / contain no-repeat;
}
main .pop3 {
 width: calc(212 / 768 * 100vw);
 height: calc(247 / 768 * 100vw);
	background: url(../img/common/pop_03.png) center center / contain no-repeat;
}
main .pop4 {
 width: calc(450 / 768 * 100vw);
 height: calc(190 / 768 * 100vw);
	background: url(../img/common/pop_04.png) center center / contain no-repeat;
}
main .pop5 {
 width: calc(94 / 768 * 100vw);
 height: calc(82 / 768 * 100vw);
	background: url(../img/common/pop_05.png) center center / contain no-repeat;
}
main .pop6 {
 width: calc(156 / 768 * 100vw);
 height: calc(383 / 768 * 100vw);
	background: url(../img/common/pop_06.png) center center / contain no-repeat;
}
main .pop7 {
 width: calc(87 / 768 * 100vw);
 height: calc(124 / 768 * 100vw);
	background: url(../img/common/pop_07.png) center center / contain no-repeat;
}
main .pop8 {
 width: calc(181 / 768 * 100vw);
 height: calc(259 / 768 * 100vw);
	background: url(../img/common/pop_08.png) center center / contain no-repeat;
}
main .pop9 {
 width: calc(152 / 768 * 100vw);
 height: calc(218 / 768 * 100vw);
	background: url(../img/common/pop_09.png) center center / contain no-repeat;
}
}

/* main .header --------------------------------- */
@media screen and (min-width: 768px) { /* pc */
main .header {
	width: 100%;
	min-width: 1120px;
	background: #f9edb2;
}
main .header .inner {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 1120px;
	height: 162px;
	margin: 0 auto 0;
	padding: 0 55px;
}
main .header h1 {
	position: relative;
	width: 1120px;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	color: #000;
	font-size: 3.6rem;
	font-weight: normal;
}
main .header p {
	position: relative;
	width: 1120px;
	margin: 0 auto 0;
	padding: 12px 0 .5em 0;
	color: #f39801;
	font-size: 1.4rem;
}
}

@media screen and (max-width: 767px) { /* sp */
main .header {
	position: relative;
	width: 100%;
	height: 80px;
	background: #f9edb2;
}
main .header section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
 padding: calc(23 / 768 * 100vw) 0 0;
}
main .header h1 {
	color: #000;
	text-align: center;
	font-weight: bold;
}
main .header {
	margin: 0 0 0;
}
main h1 {
	width: 100%;
	margin: 0 auto 0;
 padding: calc(30 / 768 * 100vw) 10px 0;
 font-size: calc(40 / 768 * 100vw);
}
main .header p {
	position: relative;
	width: 100%;
	margin: 0 auto 0.1em;
 padding: calc(10 / 768 * 100vw) 10px 0;
	color: #f39801;
	font-size: 1.2rem;
	line-height: 1.2;
	text-align: center;
}
}

/* breadcrumblist ------------------------------- */
@media screen and (min-width: 768px) { /* pc */
main .breadcrumblist {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 0 60px;
	padding: 0 0.5em;
	z-index: 20;
	line-height: 27px;
}
main .breadcrumblist, .breadcrumblist a, .breadcrumblist a:hover {
	color: #000;
}
main .breadcrumblist ul li {
	float: left;
	line-height: 27px;
}
main .breadcrumblist ul li:before {
	content: ">";
	display: inline-block;
	margin: 0 .5em;
	color: #777;
	line-height: 27px;
	font-family: Arial, -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
main .breadcrumblist ul li:first-child {
	font-family: Arial, -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
main .breadcrumblist ul li:first-child:before {
	content: "";
	margin: 0;
}
main .breadcrumblist ul {
	display: block;
	width: 1120px;
	margin: 0 auto 0;
	padding-left: 20px;
	padding-right: 20px;
}
}

@media screen and (max-width: 767px) { /* sp */
.breadcrumblist {
	position: relative;
	width: 100%;
	margin-bottom: 25px;
	padding: 0 0.5em;
	z-index: 20;
	background: #eee;
}
.breadcrumblist, .breadcrumblist a, .breadcrumblist a:hover {
	color: #222;
}
.breadcrumblist ul {
}
.breadcrumblist ul li {
	float: left;
	padding: 8px 0;
	line-height: 1.3;
}
.breadcrumblist ul li:before {
	content: ">";
	display: inline-block;
	margin: 0 .5em;
	color: #ccc;
	line-height: 1.3;
	font-family: Arial, -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
.breadcrumblist ul li:first-child {
	font-family: Arial, -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
.breadcrumblist ul li:first-child:before {
	content: "";
	margin: 0;
}
.breadcrumblist ul {
	display: block;
	width: 100%;
	margin: 0 auto 0;
}
.breadcrumblist ul li {
	padding: 4px 0;
	font-size: 1.0rem;
}
}

/* grid ----------------------------------------- */
@media screen and (min-width: 768px) { /* pc */
.grid10, .grid {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto 40px;
}
.inner > .grid10, .inner > .grid {
	min-width: 1100px;
}
.grid10 figure img, .grid10 > div > img, .grid10 > section > img, .grid figure img, .grid > div > img, .grid > section > img {
	width: 100%;
	height: auto;
}
.grid10 figure figcaption, .grid figure figcaption {
	position: relative;
	margin: 3px 0 5px;
	padding: 8px 3px 0;
}
.grid10 figure figcaption::before, .grid figure figcaption::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 3px;
	background: #ddd;
}
.grid10 figure figcaption::after, .grid figure figcaption::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30%;
	height: 3px;
	background: #f39801;
}
.grid > .gcol1 {
	width: calc(100% / 12);
}
.grid > .gcol2 {
width: calc(100% / 12 * 2);
}
.grid > .gcol3 {
width: calc(100% / 12 * 3);
}
.grid > .gcol4 {
width: calc(100% / 12 * 4);
}
.grid > .gcol5 {
width: calc(100% / 12 * 5);
}
.grid > .gcol6 {
width: calc(100% / 12 * 6);
}
.grid > .gcol7 {
width: calc(100% / 12 * 7);
}
.grid > .gcol8 {
width: calc(100% / 12 * 8);
}
.grid > .gcol9 {
width: calc(100% / 12 * 9);
}
.grid > .gcol10 {
width: calc(100% / 12 * 10);
}
.grid > .gcol11 {
width: calc(100% / 12 * 11);
}
.grid > .gcol12 {
	width: 100%;
}
.grid10 > .gcol1-10 {
	width: calc(100% / 10);
}
.grid10 > .gcol2-10 {
width: calc(100% / 10 * 2);
}
.grid10 > .gcol3-10 {
width: calc(100% / 10 * 3);
}
.grid10 > .gcol4-10 {
width: calc(100% / 10 * 4);
}
.grid10 > .gcol5-10 {
width: calc(100% / 10 * 5);
}
.grid10 > .gcol6-10 {
width: calc(100% / 10 * 6);
}
.grid10 > .gcol7-10 {
width: calc(100% / 10 * 7);
}
.grid10 > .gcol8-10 {
width: calc(100% / 10 * 8);
}
.grid10 > .gcol9-10 {
width: calc(100% / 10 * 9);
}
.grid10 > .gcol10-10 {
	width: 100%;
}
.grid10.m10 > div, .grid10.m10 > section, .grid.m10 > div, .grid.m10 > section {
	margin-bottom: 10px;
}
.grid.m10 > .gcol1 {
	width: calc(100% / 12 - 10px);
}
.grid.m10 > .gcol2 {
width: calc(100% / 12 * 2 - 10px);
}
.grid.m10 > .gcol3 {
width: calc(100% / 12 * 3 - 10px);
}
.grid.m10 > .gcol4 {
width: calc(100% / 12 * 4 - 10px);
}
.grid.m10 > .gcol5 {
width: calc(100% / 12 * 5 - 10px);
}
.grid.m10 > .gcol6 {
width: calc(100% / 12 * 6 - 10px);
}
.grid.m10 > .gcol7 {
width: calc(100% / 12 * 7 - 10px);
}
.grid.m10 > .gcol8 {
width: calc(100% / 12 * 8 - 10px);
}
.grid.m10 > .gcol9 {
width: calc(100% / 12 * 9 - 10px);
}
.grid.m10 > .gcol10 {
width: calc(100% / 12 * 10 - 10px);
}
.grid.m10 > .gcol11 {
width: calc(100% / 12 * 11 - 10px);
}
.grid10.m10 > .gcol1-10 {
	width: calc(100% / 10 - 10px);
}
.grid10.m10 > .gcol2-10 {
width: calc(100% / 10 * 2 - 10px);
}
.grid10.m10 > .gcol3-10 {
width: calc(100% / 10 * 3 - 10px);
}
.grid10.m10 > .gcol4-10 {
width: calc(100% / 10 * 4 - 10px);
}
.grid10.m10 > .gcol5-10 {
width: calc(100% / 10 * 5 - 10px);
}
.grid10.m10 > .gcol6-10 {
width: calc(100% / 10 * 6 - 10px);
}
.grid10.m10 > .gcol7-10 {
width: calc(100% / 10 * 7 - 10px);
}
.grid10.m10 > .gcol8-10 {
width: calc(100% / 10 * 8 - 10px);
}
.grid10.m10 > .gcol9-10 {
width: calc(100% / 10 * 9 - 10px);
}
.grid10.m20 > div, .grid10.m20 > section, .grid.m20 > div, .grid.m20 > section {
	margin-bottom: 20px;
}
.grid.m20 > .gcol1 {
	width: calc(100% / 12 - 20px);
}
.grid.m20 > .gcol2 {
width: calc(100% / 12 * 2 - 20px);
}
.grid.m20 > .gcol3 {
width: calc(100% / 12 * 3 - 20px);
}
.grid.m20 > .gcol4 {
width: calc(100% / 12 * 4 - 20px);
}
.grid.m20 > .gcol5 {
width: calc(100% / 12 * 5 - 20px);
}
.grid.m20 > .gcol6 {
width: calc(100% / 12 * 6 - 20px);
}
.grid.m20 > .gcol7 {
width: calc(100% / 12 * 7 - 20px);
}
.grid.m20 > .gcol8 {
width: calc(100% / 12 * 8 - 20px);
}
.grid.m20 > .gcol9 {
width: calc(100% / 12 * 9 - 20px);
}
.grid.m20 > .gcol10 {
width: calc(100% / 12 * 10 - 20px);
}
.grid.m20 > .gcol11 {
width: calc(100% / 12 * 11 - 20px);
}
.grid10.m20 > .gcol1-10 {
	width: calc(100% / 10 - 20px);
}
.grid10.m20 > .gcol2-10 {
width: calc(100% / 10 * 2 - 20px);
}
.grid10.m20 > .gcol3-10 {
width: calc(100% / 10 * 3 - 20px);
}
.grid10.m20 > .gcol4-10 {
width: calc(100% / 10 * 4 - 20px);
}
.grid10.m20 > .gcol5-10 {
width: calc(100% / 10 * 5 - 20px);
}
.grid10.m20 > .gcol6-10 {
width: calc(100% / 10 * 6 - 20px);
}
.grid10.m20 > .gcol7-10 {
width: calc(100% / 10 * 7 - 20px);
}
.grid10.m20 > .gcol8-10 {
width: calc(100% / 10 * 8 - 20px);
}
.grid10.m20 > .gcol9-10 {
width: calc(100% / 10 * 9 - 20px);
}
.grid10.m30 > div, .grid10.m30 > section, .grid.m30 > div, .grid.m30 > section {
	margin-bottom: 30px;
}
.grid.m30 > .gcol1 {
	width: calc(100% / 12 - 30px);
}
.grid.m30 > .gcol2 {
width: calc(100% / 12 * 2 - 30px);
}
.grid.m30 > .gcol3 {
width: calc(100% / 12 * 3 - 30px);
}
.grid.m30 > .gcol4 {
width: calc(100% / 12 * 4 - 30px);
}
.grid.m30 > .gcol5 {
width: calc(100% / 12 * 5 - 30px);
}
.grid.m30 > .gcol6 {
width: calc(100% / 12 * 6 - 30px);
}
.grid.m30 > .gcol7 {
width: calc(100% / 12 * 7 - 30px);
}
.grid.m30 > .gcol8 {
width: calc(100% / 12 * 8 - 30px);
}
.grid.m30 > .gcol9 {
width: calc(100% / 12 * 9 - 30px);
}
.grid.m30 > .gcol10 {
width: calc(100% / 12 * 10 - 30px);
}
.grid.m30 > .gcol11 {
width: calc(100% / 12 * 11 - 30px);
}
.grid10.m30 > .gcol1-10 {
	width: calc(100% / 10 - 30px);
}
.grid10.m30 > .gcol2-10 {
width: calc(100% / 10 * 2 - 30px);
}
.grid10.m30 > .gcol3-10 {
width: calc(100% / 10 * 3 - 30px);
}
.grid10.m30 > .gcol4-10 {
width: calc(100% / 10 * 4 - 30px);
}
.grid10.m30 > .gcol5-10 {
width: calc(100% / 10 * 5 - 30px);
}
.grid10.m30 > .gcol6-10 {
width: calc(100% / 10 * 6 - 30px);
}
.grid10.m30 > .gcol7-10 {
width: calc(100% / 10 * 7 - 30px);
}
.grid10.m30 > .gcol8-10 {
width: calc(100% / 10 * 8 - 30px);
}
.grid10.m30 > .gcol9-10 {
width: calc(100% / 10 * 9 - 30px);
}
.grid10.m40 > div, .grid10.m40 > section, .grid.m40 > div, .grid.m40 > section {
	margin-bottom: 40px;
}
.grid.m40 > .gcol1 {
	width: calc(100% / 12 - 40px);
}
.grid.m40 > .gcol2 {
width: calc(100% / 12 * 2 - 40px);
}
.grid.m40 > .gcol3 {
width: calc(100% / 12 * 3 - 40px);
}
.grid.m40 > .gcol4 {
width: calc(100% / 12 * 4 - 40px);
}
.grid.m40 > .gcol5 {
width: calc(100% / 12 * 5 - 40px);
}
.grid.m40 > .gcol6 {
width: calc(100% / 12 * 6 - 40px);
}
.grid.m40 > .gcol7 {
width: calc(100% / 12 * 7 - 40px);
}
.grid.m40 > .gcol8 {
width: calc(100% / 12 * 8 - 40px);
}
.grid.m40 > .gcol9 {
width: calc(100% / 12 * 9 - 40px);
}
.grid.m40 > .gcol10 {
width: calc(100% / 12 * 10 - 40px);
}
.grid.m40 > .gcol11 {
width: calc(100% / 12 * 11 - 40px);
}
.grid10.m40 > .gcol1-10 {
	width: calc(100% / 10 - 40px);
}
.grid10.m40 > .gcol2-10 {
width: calc(100% / 10 * 2 - 40px);
}
.grid10.m40 > .gcol3-10 {
width: calc(100% / 10 * 3 - 40px);
}
.grid10.m40 > .gcol4-10 {
width: calc(100% / 10 * 4 - 40px);
}
.grid10.m40 > .gcol5-10 {
width: calc(100% / 10 * 5 - 40px);
}
.grid10.m40 > .gcol6-10 {
width: calc(100% / 10 * 6 - 40px);
}
.grid10.m40 > .gcol7-10 {
width: calc(100% / 10 * 7 - 40px);
}
.grid10.m40 > .gcol8-10 {
width: calc(100% / 10 * 8 - 40px);
}
.grid10.m40 > .gcol9-10 {
width: calc(100% / 10 * 9 - 40px);
}
}

@media screen and (max-width: 767px) { /* sp */
.grid10, .grid {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}
#clinicinfo .grid {
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #f39801;
}
.grid10 figure img, .grid10 > div > img, .grid10 > section > img, .grid figure img, .grid > div > img, .grid > section > img {
	width: 100%;
	height: auto;
}
.grid10 figure figcaption, .grid figure figcaption {
	position: relative;
	margin: 3px 0 5px;
	padding: 8px 3px 0;
}
.grid10 figure figcaption::before, .grid figure figcaption::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 3px;
	background: #ddd;
}
.grid10 figure figcaption::after, .grid figure figcaption::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30%;
	height: 3px;
	background: #ff6544;
}
.grid > .gspcolhidden {
	display: none;
}
.grid10 > div, .grid10 > section, .grid > div, .grid > section {
	width: 100%;
}
.grid > .gspcol1 {
	width: calc(100% / 12);
}
.grid > .gspcol2 {
width: calc(100% / 12 * 2);
}
.grid > .gspcol3 {
width: calc(100% / 12 * 3);
}
.grid > .gspcol4 {
width: calc(100% / 12 * 4);
}
.grid > .gspcol5 {
width: calc(100% / 12 * 5);
}
.grid > .gspcol6 {
width: calc(100% / 12 * 6);
}
.grid > .gspcol7 {
width: calc(100% / 12 * 7);
}
.grid > .gspcol8 {
width: calc(100% / 12 * 8);
}
.grid > .gspcol9 {
width: calc(100% / 12 * 9);
}
.grid > .gspcol10 {
width: calc(100% / 12 * 10);
}
.grid > .gspcol11 {
width: calc(100% / 12 * 11);
}
.grid > .gspcol12 {
	width: 100%;
}
.grid10 > .gspcol1-10 {
	width: calc(100% / 10);
}
.grid10 > .gspcol2-10 {
width: calc(100% / 10 * 2);
}
.grid10 > .gspcol3-10 {
width: calc(100% / 10 * 3);
}
.grid10 > .gspcol4-10 {
width: calc(100% / 10 * 4);
}
.grid10 > .gspcol5-10 {
width: calc(100% / 10 * 5);
}
.grid10 > .gspcol6-10 {
width: calc(100% / 10 * 6);
}
.grid10 > .gspcol7-10 {
width: calc(100% / 10 * 7);
}
.grid10 > .gspcol8-10 {
width: calc(100% / 10 * 8);
}
.grid10 > .gspcol9-10 {
width: calc(100% / 10 * 9);
}
.grid10 > .gspcol10-10 {
	width: 100%;
}
.grid10.m20 > div, .grid10.m20 > section, .grid.m20 div, .grid.m20 section {
	margin-bottom: 20px;
}
.grid.m20 > .gspcol1 {
	width: calc(100% / 12 - 10px);
}
.grid.m20 > .gspcol2 {
width: calc(100% / 12 * 2 - 10px);
}
.grid.m20 > .gspcol3 {
width: calc(100% / 12 * 3 - 10px);
}
.grid.m20 > .gspcol4 {
width: calc(100% / 12 * 4 - 10px);
}
.grid.m20 > .gspcol5 {
width: calc(100% / 12 * 5 - 10px);
}
.grid.m20 > .gspcol6 {
width: calc(100% / 12 * 6 - 10px);
}
.grid.m20 > .gspcol7 {
width: calc(100% / 12 * 7 - 10px);
}
.grid.m20 > .gspcol8 {
width: calc(100% / 12 * 8 - 10px);
}
.grid.m20 > .gspcol9 {
width: calc(100% / 12 * 9 - 10px);
}
.grid.m20 > .gspcol10 {
width: calc(100% / 12 * 10 - 10px);
}
.grid.m20 > .gspcol11 {
width: calc(100% / 12 * 11 - 10px);
}
.grid10.m20 > .gspcol1-10 {
	width: calc(100% / 10 - 10px);
}
.grid10.m20 > .gspcol2-10 {
width: calc(100% / 10 * 2 - 10px);
}
.grid10.m20 > .gspcol3-10 {
width: calc(100% / 10 * 3 - 10px);
}
.grid10.m20 > .gspcol4-10 {
width: calc(100% / 10 * 4 - 10px);
}
.grid10.m20 > .gspcol5-10 {
width: calc(100% / 10 * 5 - 10px);
}
.grid10.m20 > .gspcol6-10 {
width: calc(100% / 10 * 6 - 10px);
}
.grid10.m20 > .gspcol7-10 {
width: calc(100% / 10 * 7 - 10px);
}
.grid10.m20 > .gspcol8-10 {
width: calc(100% / 10 * 8 - 10px);
}
.grid10.m20 > .gspcol9-10 {
width: calc(100% / 10 * 9 - 10px);
}
.grid10.m30 > div, .grid10.m30 > section, .grid.m30 > div, .grid.m30 > section {
	margin-bottom: 20px;
}
.grid.m30 > .gspcol1 {
	width: calc(100% / 12 - 15px);
}
.grid.m30 > .gspcol2 {
width: calc(100% / 12 * 2 - 15px);
}
.grid.m30 > .gspcol3 {
width: calc(100% / 12 * 3 - 15px);
}
.grid.m30 > .gspcol4 {
width: calc(100% / 12 * 4 - 15px);
}
.grid.m30 > .gspcol5 {
width: calc(100% / 12 * 5 - 15px);
}
.grid.m30 > .gspcol6 {
width: calc(100% / 12 * 6 - 15px);
}
.grid.m30 > .gspcol7 {
width: calc(100% / 12 * 7 - 15px);
}
.grid.m30 > .gspcol8 {
width: calc(100% / 12 * 8 - 15px);
}
.grid.m30 > .gspcol9 {
width: calc(100% / 12 * 9 - 15px);
}
.grid.m30 > .gspcol10 {
width: calc(100% / 12 * 10 - 15px);
}
.grid.m30 > .gspcol11 {
width: calc(100% / 12 * 11 - 15px);
}
.grid10.m30 > .gspcol1-10 {
	width: calc(100% / 10 - 15px);
}
.grid10.m30 > .gspcol2-10 {
width: calc(100% / 10 * 2 - 15px);
}
.grid10.m30 > .gspcol3-10 {
width: calc(100% / 10 * 3 - 15px);
}
.grid10.m30 > .gspcol4-10 {
width: calc(100% / 10 * 4 - 15px);
}
.grid10.m30 > .gspcol5-10 {
width: calc(100% / 10 * 5 - 15px);
}
.grid10.m30 > .gspcol6-10 {
width: calc(100% / 10 * 6 - 15px);
}
.grid10.m30 > .gspcol7-10 {
width: calc(100% / 10 * 7 - 15px);
}
.grid10.m30 > .gspcol8-10 {
width: calc(100% / 10 * 8 - 15px);
}
.grid10.m30 > .gspcol9-10 {
width: calc(100% / 10 * 9 - 15px);
}
.grid10.m40 > div, .grid10.m40 > section, .grid.m40 > div, .grid.m40 > section {
	margin-bottom: 30px;
}
.grid.m40 > .gspcol1 {
	width: calc(100% / 12 - 20px);
}
.grid.m40 > .gspcol2 {
width: calc(100% / 12 * 2 - 20px);
}
.grid.m40 > .gspcol3 {
width: calc(100% / 12 * 3 - 20px);
}
.grid.m40 > .gspcol4 {
width: calc(100% / 12 * 4 - 20px);
}
.grid.m40 > .gspcol5 {
width: calc(100% / 12 * 5 - 20px);
}
.grid.m40 > .gspcol6 {
width: calc(100% / 12 * 6 - 20px);
}
.grid.m40 > .gspcol7 {
width: calc(100% / 12 * 7 - 20px);
}
.grid.m40 > .gspcol8 {
width: calc(100% / 12 * 8 - 20px);
}
.grid.m40 > .gspcol9 {
width: calc(100% / 12 * 9 - 20px);
}
.grid.m40 > .gspcol10 {
width: calc(100% / 12 * 10 - 20px);
}
.grid.m40 > .gspcol11 {
width: calc(100% / 12 * 11 - 20px);
}
.grid10.m40 > .gspcol1-10 {
	width: calc(100% / 10 - 20px);
}
.grid10.m40 > .gspcol2-10 {
width: calc(100% / 10 * 2 - 20px);
}
.grid10.m40 > .gspcol3-10 {
width: calc(100% / 10 * 3 - 20px);
}
.grid10.m40 > .gspcol4-10 {
width: calc(100% / 10 * 4 - 20px);
}
.grid10.m40 > .gspcol5-10 {
width: calc(100% / 10 * 5 - 20px);
}
.grid10.m40 > .gspcol6-10 {
width: calc(100% / 10 * 6 - 20px);
}
.grid10.m40 > .gspcol7-10 {
width: calc(100% / 10 * 7 - 20px);
}
.grid10.m40 > .gspcol8-10 {
width: calc(100% / 10 * 8 - 20px);
}
.grid10.m40 > .gspcol9-10 {
width: calc(100% / 10 * 9 - 20px);
}
}

/* intro_wrap */
@media screen and (min-width: 768px) { /* pc */
.intro_wrap {
	padding-bottom: 30px;
}
.intro_wrap .intro {
	display: flex;
	flex-wrap: wrap;
}
.intro_wrap .intro ~ .intro {
	margin-top: 80px;
}
.intro_wrap .intro:nth-of-type(2n+1) {
	justify-content: flex-start;
}
.intro_wrap .intro:nth-of-type(2n) {
	justify-content: flex-end;
}
.intro_wrap .intro .img {
	width: 100%;
	margin-bottom: -207px;
}
.intro_wrap .intro:nth-of-type(2n+1) .img {
	text-align: right;
	padding-left: 300px;
}
.intro_wrap .intro:nth-of-type(2n) .img {
	text-align: left;
	padding-right: 300px;
}
.intro_wrap .intro .text {
	width: 500px;
	min-height: 340px;
	padding: 25px;
	border-top: 10px solid #f39801;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 2px 2px 6px rgba(64, 64, 64, 0.1);
}
}

@media screen and (max-width: 767px) { /* sp */
.intro_wrap .intro ~ .intro {
	margin-top: 50px;
}
.intro_wrap .intro h2 {
	font-size: 2.0rem;
	line-height: 1.3;
}
.intro_wrap .intro .img {
	width: 100%;
 margin-bottom: calc(60 / 768 * -100vw);
	text-align: center;
}
.intro_wrap .intro .text {
	width: calc(100% - 60px);
	min-height: 200px;
	padding: 15px;
	margin: 0 auto;
	border-top: 5px solid #f39801;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 2px 2px 6px rgba(64, 64, 64, 0.1);
}
}
.inViewIntroImg-out {
	opacity: 0;
	transform: translate(0, 30px);
	transition: all 1000ms ease;
}
.inViewIntroImg-in {
	opacity: 1;
	transform: translate(0, 0);
}
.inViewIntroText-out {
	opacity: 0;
	transform: translate(0, 30px);
	transition: all 1000ms ease 500ms;
}
.inViewIntroText-in {
	opacity: 1;
	transform: translate(0, 0);
}

/* intro2_wrap */
@media screen and (min-width: 768px) { /* pc */
.intro2_wrap {
	padding-bottom: 30px;
}
.intro2_wrap .intro {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.intro2_wrap .intro ~ .intro {
	margin-top: 80px;
}
.intro2_wrap .intro:nth-of-type(2n+1) {
}
.intro2_wrap .intro:nth-of-type(2n) {
}
.intro2_wrap .intro .img {
	width: 340px;
}
.intro2_wrap .intro:nth-of-type(2n+1) .img {
	order: 2;
}
.intro2_wrap .intro:nth-of-type(2n) .img {
	order: 1;
}
.intro2_wrap .intro .text {
	width: 710px;
	padding: 25px;
	border-top: 1px solid #f39801;/*background: rgba(255, 255, 255, 0.95);*/
}
.intro2_wrap .intro:nth-of-type(2n+1) .text {
	order: 1;
}
.intro2_wrap .intro:nth-of-type(2n) .text {
	order: 2;
}
}

@media screen and (max-width: 767px) { /* sp */
.intro2_wrap .intro ~ .intro {
	margin-top: 50px;
}
.intro2_wrap .intro .img {
	width: 100%;
 margin-bottom: calc(10 / 768 * 100vw);
	text-align: center;
}
.intro2_wrap .intro .text {
	width: 100%;
	padding: 15px;
	margin: 10px auto;
	border-bottom: 1px solid #f39801;/*background: rgba(255, 255, 255, 0.95);*/
}
}
.inViewIntro2Img-out {
	opacity: 0;
	transform: translate(0, 30px);
	transition: all 1000ms ease;
}
.inViewIntro2Img-in {
	opacity: 1;
	transform: translate(0, 0);
}
.inViewIntro2Text-out {
	opacity: 0;
	transform: translate(0, 30px);
	transition: all 1000ms ease 250ms;
}
.inViewIntro2Text-in {
	opacity: 1;
	transform: translate(0, 0);
}
/* btnbox */
.bntbox, .btnbox {
	display: flex;
}
.bntbox.center, .bntbox.center1, .btnbox.center, .btnbox.center1 {
	justify-content: center;
}
.bntbox.center2, .btnbox.center2 {
	justify-content: space-around;
}
.bntbox.right, .btnbox.right {
	justify-content: flex-end;
}

@media screen and (min-width: 768px) { /* pc */
.bntbox.pc_center, .bntbox.pc_center1, .btnbox.pc_center, .btnbox.pc_center1 {
	justify-content: center;
}
.bntbox.pc_center2, .btnbox.pc_center2 {
	justify-content: space-around;
}
.bntbox.pc_right, .btnbox.pc_right {
	justify-content: flex-end;
}
}

@media screen and (max-width: 767px) { /* sp */
.bntbox {
	flex-wrap: wrap;
}
.bntbox.sp_center, .bntbox.sp_center1, .btnbox.sp_center, .btnbox.sp_center1 {
	justify-content: center;
}
.bntbox.sp_center2, .btnbox.sp_center2 {
	justify-content: space-around;
}
.bntbox.sp_right, .btnbox.sp_right {
	justify-content: flex-end;
}
}
/* btn1 */
.btn1 a {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: 10px;
	background: #f39801;
	box-shadow: 0 0 0 #666;
	color: #fff;
	text-decoration: none;
}
.btn1.arrow a::after {
	content: "";
	display: inline-block;
	background: url(../img/common/ico_arror_s_r_wh.png) center center / contain no-repeat;
}

@media screen and (min-width: 768px) { /* pc */
.btn1 a {
	width: 335px;
	height: 54px;
	border-radius: 27px;
	font-size: 1.9rem;
	transition: all 100ms ease;
}
.btn1.arrow a::after {
	width: 26px;
	height: 26px;
	margin-left: 0.5em;
}
.btn1 a:hover {
	box-shadow: 2px 2px 0 #666;
}
}

@media screen and (max-width: 767px) { /* sp */
.btn1 a {
	width: 200px;
	max-width: 100%;
	height: 30px;
	border-radius: 27px;
	font-size: 1.3rem;
	transition: all 100ms ease;
}
.btn1.arrow a::after {
	width: 15px;
	height: 15px;
	margin-left: 0.5em;
}
.btn1 a:hover {
	box-shadow: 2px 2px 0 #666;
}
}
/* btn2 */
.btn2 a {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: 10px;
	background: #888;
	box-shadow: 0 0 0 #666;
	color: #fff;
	text-decoration: none;
}
.btn2.arrow a::after {
	content: "";
	display: inline-block;
	background: url(../img/common/ico_arror_s_r_wh.png) center center / contain no-repeat;
}

@media screen and (min-width: 768px) { /* pc */
.btn2 a {
	width: 335px;
	height: 54px;
	border-radius: 27px;
	font-size: 1.9rem;
	transition: all 100ms ease;
}
.btn2.arrow a::after {
	width: 26px;
	height: 26px;
	margin-left: 0.5em;
}
.btn2 a:hover {
	box-shadow: 2px 2px 0 #666;
}
}

@media screen and (max-width: 767px) { /* sp */
.btn2 a {
	width: 200px;
	max-width: 100%;
	height: 30px;
	border-radius: 27px;
	font-size: 1.3rem;
	transition: all 100ms ease;
}
.btn2.arrow a::after {
	width: 15px;
	height: 15px;
	margin-left: 0.5em;
}
.btn2 a:hover {
	box-shadow: 2px 2px 0 #666;
}
}
/* list01 */
ul.list01 li {
	position: relative;
	padding: 0.25em 0.25em 0.25em 1.6em;
	font-size: 1.8rem;
}
ul.list01 li:last-child {
	margin-bottom: 15px;
}
ul.list01 li::before {
	content: "\f14a";
	position: absolute;
	left: 0;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	color: #f39801;
	margin: 2px 10px 0 0;
	font-size: 2.0rem;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
ul.list01 li {
	font-size: 1.6rem;
}
ul.list01 li::before {
	font-size: 1.8rem;
}
}
/* list02 */
ul.list02 li {
	position: relative;
	padding: 0.25em 0 0.25em 1.2em;
	font-size: 1.7rem;
}
ul.list02 li::before {
	content: "\f058";
	position: absolute;
	left: 0;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	color: #f39801;
	margin: 3px 10px 0 0;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* list03 */
ul.list03 li {
	position: relative;
	padding: 0.25em 0 0.25em 1.2em;
	font-size: 1.7rem;
}
ul.list03 li::before {
	content: "\f111";
	position: absolute;
	left: 0;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	color: #f39801;
	margin: 3px 10px 0 0;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* list04 */
ul.list04 li {
	position: relative;
	padding: 0.25em 0 0.25em 1.4em;
	font-size: 1.7rem;
}
ul.list04 li::before {
	content: "\f0a9";
	position: absolute;
	left: 0;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #f39801;
	margin: 0px 15px 0 0;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* list05 */
ul.list05 li {
	position: relative;
	padding: 0.25em 0 0.25em 1.2em;
	font-size: 1.7rem;
}
ul.list05 li::before {
	content: "\f0da";
	position: absolute;
	left: .4em;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #f39801;
	margin: 3px 10px 0 0;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* list06 */
ul.list06 li {
	position: relative;
	padding: 0.25em 0 0.25em 1.2em;
	font-size: 1.7rem;
}
ul.list06 li::before {
	content: "\f05a";
	position: absolute;
	left: 0;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #f39801;
	margin: 3px 10px 0 0;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* list07 */
ul.list07 li {
	position: relative;
	padding: 0.25em 0 0.25em 1.2em;
	font-size: 1.7rem;
}
ul.list07 li::before {
	content: "\f14b";
	position: absolute;
	left: 0;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #f39801;
	margin: 3px 10px 0 0;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* list08 */
ul.list08 li {
	position: relative;
	padding: 0.25em 0 0.25em 1.2em;
	font-size: 1.7rem;
}
ul.list08 li::before {
	content: "\f059";
	position: absolute;
	left: 0;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	color: #f39801;
	margin: 3px 10px 0 0;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
ul.ul01 {
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 0px;
}
.ul01 li {
	margin-bottom: 10px;
	font-size: 22px;
	list-style: none;
}
.ul01 li:before {
	font-family: 'FontAwesome';
	content: '\f05d';
	margin: 0 5px 0 10px;
	color: #ff6544;
}
ul.ul02 {
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 20px;
}
.ul02 li {
	position: relative;
	margin-bottom: 8px;
	list-style: none;
	font-size: 1.6rem;
	padding-left: 1.0em;
	line-height: 150%;
}
.ul02.inline li {
	display: inline-block;
	width: 310px;
}
.ul02 li:before {
	font-family: 'FontAwesome';
	content: '\f1db';
	margin: 0 5px 0 10px;
	color: #ff6544;
	position: absolute;
	left: -1.0em;
}
ul.ul03 {
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 0px;
}
.ul03 li {
	margin-bottom: 5px;
	font-size: 18px;
	list-style: none;
}
.ul03 li:before {
	font-family: 'FontAwesome';
	content: '\f18e';
	margin: 0 5px 0 10px;
	color: #ff6544;
}
.ul04 li {
	color: black;
	position: relative;
	background: #f1f8ff;
	line-height: 1.5;
	padding: 0.5em;
	margin-bottom: 4px;
	border-left : solid 35px #5c9ee7;
	list-style-type: none!important;
}
.ul04 li:before {
	font-family: FontAwesome;
	content: "\f040";
	position: absolute;
	display: block;
	padding: 0.5em;
	width: 1.2em;
	color: white;
	font-weight: normal;
	text-align: center;
	left : -35px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
ul.ul05 {
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 0px;
}
.ul05 li {
	margin-left: 1.33em;
	margin-bottom: 5px;
	font-size: 1.6rem;
	list-style: none;
}
.ul05 li:before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-left: -1.33em;
	margin-right: 0.33em;
	background: url(../img/common/ico_chk.png) center bottom / contain no-repeat;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* frame < yama */
.frame {
	display: inline-block;
	position: relative;
	overflow: hidden; /* 不要部分を消す */
	padding: 6px; /* 6px だけは写真からはみ出す */
}
.frame:before, .frame:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 97px;
	height: 50px;
	background: #fff; /* 背景色 */
	transform: rotate(-30deg);
}
.frame:before { /* 左上 */
	box-shadow: 0 10px 8px -12px rgba(0, 0, 0, 0.8);
	top: -24px;
	bottom: auto;
	right: auto;
	left: -26px;
}
.frame:after { /* 右下 */
	box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.7);
	top: auto;
	bottom: -22px;
	right: -25px;
	left: auto;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* frame_s < yama */
.frame_s img {
	border-radius: 50%;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* frame_ds < yama */
.frame_ds {
	display: inline-block;
	position: relative;
}
.frame_ds:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transform: rotate(3deg); /* 回転させる */
	background: #fff;
	z-index: -1;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* gmap */
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* u_faq */
.u_faq dl {
	padding: 20px 0;
	border-bottom: 1px dashed #ddd;
}
.u_faq dl ~ dl {
	margin-top: 10px;
}
.u_faq dt {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 2em;
	margin-bottom: 10px;
	padding: 0.2em 0 0.2em 40px;
	font-size: 1.6rem;
}
.u_faq dt::before {
	content: "Q";
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	width: 30px;
	height: 100%;
	border-right: 2px solid #04f;
	font-size: 2.4rem;
	font-weight: bolder;
	color: #04f;
	line-height: 1.0;
}
.u_faq dd {
	position: relative;
	padding: 0.25em 0 0.25em 40px;
	font-size: 1.6rem;
}
.u_faq dd::before {
	content: "A";
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	width: 30px;
	height: 100%;
	border-right: 2px solid #f40;
	font-size: 2.4rem;
	font-weight: bolder;
	color: #f40;
	line-height: 1.0;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}

/* .calendar < yama */
@media screen and (min-width: 768px) { /* pc */
section .calendar {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	width: 780px;
	margin-bottom: 10px;
}
section .calendar table {
	width: 100%;
	margin-bottom: 0.5em;
	border-collapse: collapse;
	font-size: 1.6rem;
	line-height: 1.75;
}
section .calendar thead {
	background: #f39801;
}
section .calendar tbody {
	background: #fffbe5;
	color: #000;
}
section .calendar th {
	font-weight: normal;
	padding: 10px;
}
section .calendar td {
	width: 3.5em;
	text-align: center;
}
section .calendar tbody td {
	color: #f39801;
}
section .calendar tbody td.closed {
	color: #000;
}
section .calendar figcaption {
	width: 100%;
	padding: 0.6em 0.2em;
	line-height: 1.8;
	font-size: 1.6rem;
}
section .calendar figcaption span {
	display: inline-block;
	width: 1em;
	height: 1em;
	border-radius: 0.5em;
	background: #fff;
	color: #f39801;
	font-weight: bold;
	line-height: 1.0;
	margin-right: 5px;
}
}

@media screen and (max-width: 767px) { /* sp */
section .calendar {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 360px;
	margin: 0 auto 10px;
}
section .calendar table {
	width: 100%;
	margin-bottom: 0.5em;
	border-collapse: collapse;
	font-size: 1.2rem;
	line-height: 1.75;
}
section .calendar thead {
	background: #f39801;
}
section .calendar tbody {
	background: #fffbe5;
	color: #000;
}
section .calendar th {
	font-weight: normal;
}
section .calendar td {
	width: 2.0em;
	text-align: center;
}
section .calendar tbody td {
	color: #f39801;
}
section .calendar tbody td.closed {
	color: #000;
}
section .calendar figcaption {
	width: 100%;
	padding: 0 0.2em;
	line-height: 1.0;
	font-size: 1.2rem;
}
section .calendar figcaption span {
	display: inline-block;
	width: 1em;
	height: 1em;
	border-radius: 0.5em;
	background: #fff;
	color: #f39801;
	font-weight: bold;
	line-height: 1.0;
}
}

/* table_wrap */
@media screen and (min-width: 768px) { /* pc */
.table_wrap {
	display: flex;
}
}

@media screen and (max-width: 767px) { /* sp */
.table_wrap.small {
	margin: 0 0 20px;
	padding: 0 0 3px;
	overflow-x: auto;
	font-size: 1.2rem;
}
 .table_wrap::-webkit-scrollbar {
 height: 10px;
}
 .table_wrap::-webkit-scrollbar-thumb {
 background: rgba(38, 15, 129, 0.75);
 border-radius: 5px;
}
 .table_wrap::-webkit-scrollbar-track-piece {
 background: #efefef;
}
.table_wrap table {
	width: auto;
	min-width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.table_wrap table td {
	width: auto;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.table_wrap table thead th, .table_wrap table thead td {
	padding: 0.25em 0;
	width: auto;
	background: rgba(179, 217, 255, 0.502);
	white-space: nowrap;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.table_wrap table th, .table_wrap table td {
	letter-spacing: 0;
}
.table_wrap table .line-break {
	white-space: normal;
	word-wrap: break-word;
}
}

/* table */
@media screen and (min-width: 768px) { /* pc */
.tbl-r01 {
	width: 100%;
	margin: 20px auto;
}
.tbl-r01 th {
	background: rgba(243, 150, 1, 0.25);
	border: solid 1px #ccc;
	color: #222;
	padding: 10px;
}
.tbl-r01 td {
	border: solid 1px #ccc;
	padding: 10px;
}
}

@media screen and (max-width: 767px) { /* sp */
.tbl-r01 {
	width: 90%;
	max-width: 480px;
	margin: 20px auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tbl-r01 th {
	border-bottom: none;
	display: block;
	width: 100%;
	padding: 0.5em 0.5em;
	background: rgba(243, 150, 1, 0.25);
	color: #222;
}
.tbl-r01 td {
	border-bottom: none;
	display: block;
	width: 100%;
	padding: 0.5em 0.5em;
}
.tbl-r01 .last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 100%;
}
}

/* table < yama */
@media screen and (min-width: 768px) { /* pc */
table.tbl-r02 {
	width: 100%;
	margin: 10px auto;
	background: #fff;
}
.tbl-r02 th {
	background: #f39801;
	border: solid 1px #ccc;
	color: #fff;
	padding: 10px;
	width: 30%;
}
.tbl-r02 td {
	border: solid 1px #ccc;
	padding: 10px;
}
}

@media screen and (max-width: 767px) { /* sp */
.tbl-r02 {
	width: 100%;
	max-width: 480px;
	margin: 10px auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
.tbl-r02 th {
	border-bottom: none;
	display: block;
	width: 100%;
	padding: 0.5em 0.5em;
	background: #f39801;
	color: #fff;
}
.tbl-r02 td {
	border-bottom: none;
	display: block;
	width: 100%;
	padding: 0.5em 0.5em;
	text-align: center;
}
.tbl-r02 .last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 100%;
}
}

@media screen and (min-width: 768px) { /* pc */
table.tbl-r03 {
	width: 100%;
	margin: 10px auto;
	background: #fff;
}
.tbl-r03 th {
	background: #fff;
	border-bottom: solid 1px #ccc;
	color: #212121;
	padding: 5px;
	width: 20%;
	font-weight: lighter;
	text-align: left;
}
.tbl-r03 td {
	border-bottom: solid 1px #ccc;
	padding: 10px;
}
}

@media screen and (max-width: 767px) { /* sp */
.tbl-r03 {
	width: 100%;
	margin: 10px auto;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	background: #fff;
}
.tbl-r03 th {
	border-bottom: none;
	display: block;
	width: 100%;
	padding: 0.5em 0.5em;
	background: #f2f2f2;
	color: #212121;
}
.tbl-r03 td {
	border-bottom: none;
	display: block;
	width: 100%;
	padding: 0.5em 0.5em;
	text-align: center;
}
.tbl-r03 .last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 100%;
}
}
/* circle_label */
.circle_label {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffe300;
	border-radius: 66px;
	color: #000;
	text-align: center;
}

@media screen and (min-width: 768px) { /* pc */
.circle_label {
	width: 132px;
	height: 132px;
	font-size: 1.6rem;
}
}

@media screen and (max-width: 767px) { /* sp */
}
/* doc */
.doc {
	line-height: 1.5;
}
.doc::after {
	content: "";
	clear: both;
	display: block;
}
.doc .img_right, .doc .img_left {
	margin: 0 20px 1em;
}
.doc .img_right img, .doc .img_left img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) { /* pc */
.doc .img_right {
	float: right;
	width: 320px;
}
.doc .img_left {
	float: left;
	width: 320px;
}
}

@media screen and (max-width: 767px) { /* sp */
.doc .img_right {
	float: right;
}
.doc .img_right img {
	width: 40vw;
}
.doc .img_left {
	float: left;
}
.doc .img_left img {
	width: 40vw;
}
}
/* input */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field {
	display: block;
	height: 40px;
	line-height: 40px;
	color: #222;
	border-radius: 3px;
	box-shadow: none;
	border: 1px solid #ADABAB;
	width: 90%;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #fff;
	-webkit-transition: background-color 0.24s ease-in-out;
	transition: background-color 0.24s ease-in-out;
	padding-left: 5px;
}
input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="week"]:focus, input[type="week"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="color"]:focus, input[type="color"]:active, select:focus, select:active, textarea:focus, textarea:active, .field:focus, .field:active {
	background-color: #f7f8fa;
}
input[type="text"].error, input[type="text"].is-invalid, input[type="password"].error, input[type="password"].is-invalid, input[type="datetime"].error, input[type="datetime"].is-invalid, input[type="datetime-local"].error, input[type="datetime-local"].is-invalid, input[type="date"].error, input[type="date"].is-invalid, input[type="month"].error, input[type="month"].is-invalid, input[type="time"].error, input[type="time"].is-invalid, input[type="week"].error, input[type="week"].is-invalid, input[type="number"].error, input[type="number"].is-invalid, input[type="email"].error, input[type="email"].is-invalid, input[type="url"].error, input[type="url"].is-invalid, input[type="search"].error, input[type="search"].is-invalid, input[type="tel"].error, input[type="tel"].is-invalid, input[type="color"].error, input[type="color"].is-invalid, select.error, select.is-invalid, textarea.error, textarea.is-invalid, .field.error, .field.is-invalid {
	color: #222;
	border-color: #fbe3e4;
	background-color: white;
	background-position: 99% center;
	background-repeat: no-repeat;
	background-image: url(../img/common/ask/ask_error.png);
	outline-color: #fbe3e4;
}
input[type="text"].success, input[type="text"].is-valid, input[type="password"].success, input[type="password"].is-valid, input[type="datetime"].success, input[type="datetime"].is-valid, input[type="datetime-local"].success, input[type="datetime-local"].is-valid, input[type="date"].success, input[type="date"].is-valid, input[type="month"].success, input[type="month"].is-valid, input[type="time"].success, input[type="time"].is-valid, input[type="week"].success, input[type="week"].is-valid, input[type="number"].success, input[type="number"].is-valid, input[type="email"].success, input[type="email"].is-valid, input[type="url"].success, input[type="url"].is-valid, input[type="search"].success, input[type="search"].is-valid, input[type="tel"].success, input[type="tel"].is-valid, input[type="color"].success, input[type="color"].is-valid, select.success, select.is-valid, textarea.success, textarea.is-valid, .field.success, .field.is-valid {
	color: #222;
	border-color: #e6efc2;
	background-color: white;
	background-position: 99% center;
	background-repeat: no-repeat;
	background-image: url(../img/common/ask/ask_ok.png);
	outline-color: #e6efc2;
}
input[type="text"][disabled], input[type="text"].is-disabled, input[type="password"][disabled], input[type="password"].is-disabled, input[type="datetime"][disabled], input[type="datetime"].is-disabled, input[type="datetime-local"][disabled], input[type="datetime-local"].is-disabled, input[type="date"][disabled], input[type="date"].is-disabled, input[type="month"][disabled], input[type="month"].is-disabled, input[type="time"][disabled], input[type="time"].is-disabled, input[type="week"][disabled], input[type="week"].is-disabled, input[type="number"][disabled], input[type="number"].is-disabled, input[type="email"][disabled], input[type="email"].is-disabled, input[type="url"][disabled], input[type="url"].is-disabled, input[type="search"][disabled], input[type="search"].is-disabled, input[type="tel"][disabled], input[type="tel"].is-disabled, input[type="color"][disabled], input[type="color"].is-disabled, select[disabled], select.is-disabled, textarea[disabled], textarea.is-disabled, .field[disabled], .field.is-disabled {
	cursor: not-allowed;
	border-color: #cfcfcf;
	opacity: 0.6;
}
input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active, input[type="password"][disabled]:focus, input[type="password"][disabled]:active, input[type="password"].is-disabled:focus, input[type="password"].is-disabled:active, input[type="datetime"][disabled]:focus, input[type="datetime"][disabled]:active, input[type="datetime"].is-disabled:focus, input[type="datetime"].is-disabled:active, input[type="datetime-local"][disabled]:focus, input[type="datetime-local"][disabled]:active, input[type="datetime-local"].is-disabled:focus, input[type="datetime-local"].is-disabled:active, input[type="date"][disabled]:focus, input[type="date"][disabled]:active, input[type="date"].is-disabled:focus, input[type="date"].is-disabled:active, input[type="month"][disabled]:focus, input[type="month"][disabled]:active, input[type="month"].is-disabled:focus, input[type="month"].is-disabled:active, input[type="time"][disabled]:focus, input[type="time"][disabled]:active, input[type="time"].is-disabled:focus, input[type="time"].is-disabled:active, input[type="week"][disabled]:focus, input[type="week"][disabled]:active, input[type="week"].is-disabled:focus, input[type="week"].is-disabled:active, input[type="number"][disabled]:focus, input[type="number"][disabled]:active, input[type="number"].is-disabled:focus, input[type="number"].is-disabled:active, input[type="email"][disabled]:focus, input[type="email"][disabled]:active, input[type="email"].is-disabled:focus, input[type="email"].is-disabled:active, input[type="url"][disabled]:focus, input[type="url"][disabled]:active, input[type="url"].is-disabled:focus, input[type="url"].is-disabled:active, input[type="search"][disabled]:focus, input[type="search"][disabled]:active, input[type="search"].is-disabled:focus, input[type="search"].is-disabled:active, input[type="tel"][disabled]:focus, input[type="tel"][disabled]:active, input[type="tel"].is-disabled:focus, input[type="tel"].is-disabled:active, input[type="color"][disabled]:focus, input[type="color"][disabled]:active, input[type="color"].is-disabled:focus, input[type="color"].is-disabled:active, select[disabled]:focus, select[disabled]:active, select.is-disabled:focus, select.is-disabled:active, textarea[disabled]:focus, textarea[disabled]:active, textarea.is-disabled:focus, textarea.is-disabled:active, .field[disabled]:focus, .field[disabled]:active, .field.is-disabled:focus, .field.is-disabled:active {
	background-color: #d5edf8;
}
input[type="password"] {
	letter-spacing: 0.3em;
}
textarea {
	line-height: 1.5;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field {
	width: 100%;
}
}
/* table01 */
.table01 {
	width: 100%;
}
.table01 th, .table01 td {
	margin: 0.1em;
	padding: 0.2em 0.2em;
	border-bottom: 1px dotted #ddd;
}
.table01 th {
}
.table01 td {
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* inViewMarker1 < yama */
.inViewMarker1-out {
	background-image: -webkit-linear-gradient(left, transparent 50%, #f39801 50%);
	background-image: -moz-linear-gradient(left, transparent 50%, #f39801 50%);
	background-image: -ms-linear-gradient(left, transparent 50%, #f39801 50%);
	background-image: -o-linear-gradient(left, transparent 50%, #f39801 50%);
	background-image: linear-gradient(left, transparent 50%, #f39801 50%);
	background-repeat: repeat-x;
	background-size: 200% .2em;
	background-position: 0 1em;
	transition: all 2s ease;
	font-weight: bold;
}
.inViewMarker1-in {
	background-position: -100% 1em;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}
/* inViewSec-in */
.inViewSec-out {
	opacity: 0;
	transform: translate(0, 40px);
}
.inViewSec-in {
	opacity: 1;
	transform: translate(0, 0);
	transition: all 1000ms ease 500ms;
}

@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}

/* inViewH1, inViewH1p */
@media screen and (min-width: 768px) { /* pc */
.inViewH1-out {
	opacity: 0;
	transform: translate(40px, 0);
}
.inViewH1-in {
	opacity: 1;
	transform: translate(0, 0);
	transition: all 1000ms ease;
}
.inViewH1p-out {
	opacity: 0;
	transform: translate(40px, 0);
}
.inViewH1p-in {
	opacity: 1;
	transform: translate(0, 0);
	transition: all 1000ms ease 250ms;
}
}

@media screen and (max-width: 767px) { /* sp */
.inViewH1-out {
	opacity: 0;
	transform: translate(0, 30px);
}
.inViewH1-in {
	opacity: 1;
	transform: translate(0, 0);
	transition: all 1000ms ease;
}
.inViewH1p-out {
	opacity: 0;
	transform: translate(0, 30px);
}
.inViewH1p-in {
	opacity: 1;
	transform: translate(0, 0);
	transition: all 1000ms ease 250ms;
}
}

/*  */
@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}

/*  */
@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}

/*  */
@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}

/*  */
@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}

/*  */
@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}

/*  */
@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}

/*  */
@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}

/*  */
@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}

/*  */
@media screen and (min-width: 768px) { /* pc */
}

@media screen and (max-width: 767px) { /* sp */
}

/*  */
@media screen and (min-width: 768px) { /* pc */
/* .sitemap */
.smap {
	margin-left: 5px;
	margin-bottom: 20px;
}
.smap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.smap li {
	margin: 0;
	padding-bottom: 5px;
}
.smap a {
	display: block;
	color: #000000;
	width: 100%;
	padding: 2px 10px;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: none;
}
.smap .nolink {
	display: block;
	color: #000000;
	width: 500px;
	padding: 2px 10px;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: none;
}
.smap a:hover {
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.smap ul ul {
	margin-left: 20px;
	padding: 0;
	list-style-type: none;
}
.smap li li a {
	display: block;
	color: #333;
	width: 280px;
	padding: 5px 10px;
	margin: 0;
	text-decoration: none;
	border-left-width: 1px;
	border-top-style: none;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}
/* 第一階層 */
.smap > li > a {
	font-size: 110%;
	font-weight: bold;
}
}

@media screen and (max-width: 767px) { /* sp */
/* .sitemap */
.smap {
	margin-left: 5px;
	margin-bottom: 20px;
}
.smap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.smap li {
	margin: 0;
	padding-bottom: 5px;
}
.smap a {
	display: block;
	color: #000000;
	width: 100%;
	padding: 2px 10px;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: none;
}
.smap .nolink {
	display: block;
	color: #000000;
	width: 500px;
	padding: 2px 10px;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: none;
}
.smap a:hover {
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.smap ul ul {
	margin-left: 20px;
	padding: 0;
	list-style-type: none;
}
.smap li li a {
	display: block;
	color: #333;
	width: 280px;
	padding: 5px 10px;
	margin: 0;
	text-decoration: none;
	border-left-width: 1px;
	border-top-style: none;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}
/* 第一階層 */
.smap > li > a {
	font-size: 110%;
	font-weight: bold;
}
}
.center {
	text-align: center;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt50 {
	margin-top: 50px;
}
.pt100 {
	padding-top: 100px;
}
.mb10 {
	margin-bottom: 10px;
}
.fs16 {
	font-size: 1.6rem;
}
.fs12 {
	font-size: 1.2rem;
}
.maincolor {
	color: #f39801;
}


.equipment-list {
            background-color: #f8f9fa;
            padding: 15px;
            border-radius: 5px;
            margin: 10px 0;
        }
        .equipment-item {
            margin-bottom: 8px;
        }
        .highlight {
            background-color: #fff3cd;
            padding: 10px;
            border-left: 4px solid #ffc107;
            margin: 15px 0;
        }