main { background: #f0f0f0; }

main ._btn { color: white; position: relative; }

main ._btn:before { content: ">"; position: absolute; right: 20px; top: calc(50% - 11px); font-size: 2.0rem; line-height: 1; -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); color: white; }

main ._btn.-link:before { content: "\f35d"; font-family: "Font Awesome 5 Free"; -webkit-transform: none; transform: none; font-weight: 900; font-size: 1.4rem; top: calc(50% - 8px); }

#section-head { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 80px 0 30px 0; width: 900px; }

#section-head .box-main { width: 100%; }

#section-head .box-main h1 { font-size: 4.0rem; font-weight: bold; margin-bottom: 20px; line-height: 1.6; }

#section-head .box-main .read { font-size: 1.6rem; line-height: 1.6; }

#section-info { margin: 0 auto; width: 690px; }

#section-info h2 { margin-bottom: 30px; }

#section-info th { background: none; width: 140px; line-height: 1.8; font-size: 1.6rem; }

#section-info td { background: none; line-height: 1.8; font-size: 1.6rem; }

#section-info ._btn { width: 260px; display: inline-block; margin-top: 40px; margin-bottom: 100px; }

#article-main { width: 900px; margin: 0 auto; padding: 40px 0 80px 0; }

#article-main .box-content { width: 690px; margin: 0 auto; }

#article-main .box-content iframe { width: 690px; height: 740px !important; padding: 30px; background: #ffffff; }

#article-main .box-content iframe.form_recruit { height: 1220px !important; }

#article-main .box-content iframe.form_order { height: 1050px !important; }

#article-main .box-content iframe.form_other { height: 820px !important; }

#article-main .box-content iframe.form_workshop { height: 1170px !important; }

#article-main .box-content h1 { font-size: 3.2rem; line-height: 2.2; margin-bottom: 30px; }

#article-main .box-content h2 { font-size: 2.4rem; line-height: 2.2; margin-bottom: 30px; border-bottom: 1px solid #cccccc; }

#article-main .box-content h3 { font-size: 2.0rem; line-height: 2.2; margin-bottom: 30px; }

#article-main .box-content h4 { font-size: 1.6rem; line-height: 2.2; margin-bottom: 20px; }

#article-main .box-content h5 { font-size: 1.6rem; line-height: 2.2; margin-bottom: 20px; }

#article-main .box-content p { font-size: 1.6rem; line-height: 1.6; margin-bottom: 50px; }

#article-main .box-content ul { font-size: 1.6rem; line-height: 1.6; margin-bottom: 50px; padding-left: 20px; }

#article-main .box-content li { list-style: circle; }

#article-main .box-content dl { font-size: 1.6rem; line-height: 1.6; margin-bottom: 50px; }

#article-main .box-content dt { font-weight: bold; }

#article-main .box-info { border: 5px solid #eeeeee; padding: 40px; }

#article-main .box-info h2 { font-size: 1.6rem; margin-bottom: 20px; }

#article-main .box-info .info { width: 900px; font-size: 1.6rem; line-height: 1.8; }

body#index #section-head { width: 860px; }

body#index #section-contact { padding: 0 0 120px; margin: 0 auto; width: 900px; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; }

body#index #section-contact p { font-size: 1.6rem; line-height: 2.2; }

body#index #section-contact .box { width: 400px; margin: 40px 20px 0 20px; background: #ffffff; padding: 40px; min-height: 360px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

body#index #section-contact .box h3 { font-size: 2.2rem; line-height: 1; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #333333 1px solid; text-align: center; line-height: 1.4; }

body#index #section-contact .box p { font-size: 1.4rem; margin-bottom: 40px; text-align: left; }

body#index #section-contact .box p.link { margin-bottom: 70px; }

body#index #section-contact .box ._btn { position: absolute; bottom: 50px; width: 260px; line-height: 1; margin: 0 auto; text-align: center; left: 0px; right: 0px; }

body#order #section-head, body#other #section-head, body#ecopoxy #section-head, body#workshop #section-head, body#detail #section-head { width: 680px; padding-bottom: 0; }

body#order #section-head .box-main, body#other #section-head .box-main, body#ecopoxy #section-head .box-main, body#workshop #section-head .box-main, body#detail #section-head .box-main { width: 100%; }

body#order #section-head .box-main h1, body#other #section-head .box-main h1, body#ecopoxy #section-head .box-main h1, body#workshop #section-head .box-main h1, body#detail #section-head .box-main h1 { margin-bottom: 20px; line-height: 1.6; }

body#order #section-head .read, body#other #section-head .read, body#ecopoxy #section-head .read, body#workshop #section-head .read, body#detail #section-head .read { margin-bottom: 20px; }

body#order ._h2, body#other ._h2, body#ecopoxy ._h2, body#workshop ._h2, body#detail ._h2 { margin-bottom: 30px; }