/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,600,700&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600&display=swap");
@import url("https://fonts.googleapis.com/css?family=M+PLUS+1p:400,500,600,700&display=swap&subset=japanese");
body { color: #2F2F2F; font-family: 'M PLUS 1p', sans-serif; font-weight: 400; margin: 0; overflow-x: hidden; }

dl, dt, dd, input { margin: 0; padding: 0; }

.clear { clear: both; }

.br-sp { display: none; }
@media screen and (max-width: 650px) { .br-sp { display: block; } }

a { text-decoration: none; color: #2F2F2F; }

address.header-address, address.footer-address, address.contact-address { font-style: normal; font-size: 13px; }
address.header-address .tel, address.footer-address .tel, address.contact-address .tel { font-family: 'Poppins', sans-serif; margin-top: 3px; font-size: 40px; font-weight: 500; height: 43px; line-height: 43px; position: relative; width: 350px; }
address.header-address .tel > a, address.footer-address .tel > a, address.contact-address .tel > a { position: relative; bottom: 5px; }
address.header-address .tel > img, address.footer-address .tel > img, address.contact-address .tel > img { margin-right: 10px; }
address.header-address .fax, address.footer-address .fax, address.contact-address .fax { font-family: 'Poppins', sans-serif; font-size: 20px; padding-left: 60px; font-weight: 500; }
address.header-address > ul, address.footer-address > ul, address.contact-address > ul { line-height: 97px; }
address.header-address > ul > li, address.footer-address > ul > li, address.contact-address > ul > li { line-height: normal; display: inline-block; vertical-align: middle; }

ul { margin: 0; padding: 0; list-style: none; }

header { max-width: 1000px; margin: 0 auto; padding: 0 0 20px; height: 130px; }
@media screen and (max-width: 1000px) { header { height: auto; } }
header .header-logo { margin: 0; max-width: 380px; float: left; }
@media screen and (max-width: 1000px) { header .header-logo { float: none; margin: 0 auto; text-align: center; }
  header .header-logo img { width: 90%; } }
header .contact { width: 160px; height: 48px; line-height: 48px; text-align: center; font-weight: 600; }
header .contact a { display: block; background: #00CE63; border-radius: 5px; color: #FFFFFF; font-size: 15px; }
header .contact a i { color: #FFFFFF; margin-right: -10px; margin-left: 20px; }
header address.header-address { float: right; }
@media screen and (max-width: 1000px) { header address.header-address { float: none; margin: 0 auto; text-align: center; height: 130px; }
  header address.header-address .tel { text-align: left; }
  header address.header-address .fax { text-align: left; padding-left: 0; } }

nav { clear: both; background: #00CE63; width: 100%; height: 95px; }
nav ul { max-width: 1000px; border-radius: 10px; height: 134px; background-size: cover; background: #00CE63; margin: 0 auto; position: relative; top: -40px; text-align: center; }
@media screen and (max-width: 1000px) { nav ul { width: 95%; } }
nav ul li { display: inline-block; vertical-align: bottom; position: relative; bottom: -35px; }
nav ul li a { display: block; width: 150px; }
@media screen and (max-width: 650px) { nav ul li a { width: 100px; } }
nav ul li.nav-hr { width: 1px; }
nav ul li.nav-hr hr { height: 80px; width: 1px; border: none; background: #FFFFFF; position: relative; top: 5px; }

footer { text-align: center; padding-bottom: 40px; }
footer .footer-map { width: 1000px; margin: 0 auto; height: 200px; }
@media screen and (max-width: 1000px) { footer .footer-map { width: 100%; } }
footer address.footer-address .tel { width: 420px; }
@media screen and (max-width: 900px) { footer address.footer-address .tel { width: 100%; text-align: center; margin-bottom: 30px; } }
footer address.footer-address .tel > img { width: 26px; height: 26px; margin-right: 5px; }
footer address.footer-address .tel > a { font-size: 30px; bottom: 2px; }
footer address.footer-address .fax, footer address.footer-address .fax-sp { font-size: 14px; padding-left: 10px; position: relative; bottom: 5px; }
@media screen and (max-width: 650px) { footer address.footer-address .fax { display: none; } }
footer address.footer-address .fax-sp { display: none; }
@media screen and (max-width: 650px) { footer address.footer-address .fax-sp { margin-bottom: -20px; bottom: 30px; display: block; } }
footer ul { text-align: center; margin-top: 20px; }
footer ul li { display: inline-block; vertical-align: top; padding: 0 10px; }
@media screen and (max-width: 900px) { footer ul li { display: block; } }
footer ul .footer-left { max-width: 540px; text-align: left; }
@media screen and (max-width: 900px) { footer ul .footer-left { margin: 0 auto; text-align: center; } }
footer ul .footer-left .footer-logo { padding-top: 10px; padding-bottom: 10px; }
footer ul .footer-right { width: 350px; }
footer .copyright, footer .copyright-sp { font-size: 11px; }
footer .copyright { display: block; }
@media screen and (max-width: 900px) { footer .copyright { display: none; } }
footer .copyright-sp { display: none; }
@media screen and (max-width: 900px) { footer .copyright-sp { display: block; } }

.header-contents-index { background: #00CE63; width: 100%; }
.header-contents-index .top-bg { background: url("../images/index-bg.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 100%; height: 389px; margin: 0 auto; position: relative; }
@media screen and (max-width: 1000px) { .header-contents-index .top-bg { background-size: cover; background-position: top center; text-align: center; display: block; } }
.header-contents-index .top-bg p { padding-top: 230px; padding-left: 50px; color: #FFFFFF; font-size: 50px; font-weight: 600; width: 1000px; margin: 0 auto; text-shadow: 4px 4px 3px #000000; }
@media screen and (max-width: 1000px) { .header-contents-index .top-bg p { padding-left: 0; width: 95%; font-size: 40px; } }
@media screen and (max-width: 650px) { .header-contents-index .top-bg p { position: absolute; bottom: 15px; font-size: 30px; left: 0; right: 0; width: 95%; padding: 0; text-align: left; display: inline-block; } }

.header-contents-page { background: #00CE63; width: 100%; height: 80px; position: relative; }
.header-contents-page h2 { position: absolute; bottom: 0; left: 0; right: 0; padding-left: 5px; letter-spacing: .2rem; margin: 0 auto; color: #00CE63; background: #FFFFFF; font-size: 22px; text-align: center; font-weight: 600; height: 50px; width: 220px; line-height: 50px; border-radius: 40px 40px 0 0 / 40px 40px 0 0; -webkit-border-radius: 40px 40px 0 0 / 40px 40px 0 0; -moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0; }

section.contents { width: 920px; margin: 0 auto; text-align: center; padding: 50px 0; }
@media screen and (max-width: 1000px) { section.contents { width: 100%; } }

.tuyomi-bg { background: #CCFA32; margin-bottom: 50px; }
.tuyomi-bg .tuyomi-min { width: 100%; display: none; }
@media screen and (max-width: 900px) { .tuyomi-bg .tuyomi-min { display: block; } }
.tuyomi-bg .tuyomi { background: url("../images/top/tuyomi-bg.png") no-repeat center center; background-size: cover; height: 600px; width: 100%; margin-top: 150px; margin-bottom: 50px; }
@media screen and (max-width: 900px) { .tuyomi-bg .tuyomi { height: 550px; background-image: none; } }
.tuyomi-bg .tuyomi .tuyomi-center { text-align: center; height: 600px; width: 700px; margin: 0 auto; position: relative; }
@media screen and (max-width: 650px) { .tuyomi-bg .tuyomi .tuyomi-center { width: 90%; } }
.tuyomi-bg .tuyomi .tuyomi-center .tuyomi-top { width: 380px; margin: 0 auto; position: absolute; left: 0; right: 0; top: -130px; }
@media screen and (max-width: 650px) { .tuyomi-bg .tuyomi .tuyomi-center .tuyomi-top { width: 300px; } }
.tuyomi-bg .tuyomi .tuyomi-center .tuyomi-detail { position: absolute; left: 0; right: 0; bottom: 50px; }
@media screen and (max-width: 650px) { .tuyomi-bg .tuyomi .tuyomi-center .tuyomi-detail { bottom: 30px; } }
.tuyomi-bg .tuyomi .tuyomi-center .tuyomi-detail .tuyomi-detail-title { font-size: 28px; font-weight: 600; background: #FFFFFF; color: #00CE63; width: 280px; height: 60px; border-radius: 30px; line-height: 60px; margin: 0 auto; }
.tuyomi-bg .tuyomi .tuyomi-center .tuyomi-detail .tuyomi-detail-01 { font-size: 34px; font-weight: 600; margin: 0 auto; margin-top: 20px; }
@media screen and (max-width: 650px) { .tuyomi-bg .tuyomi .tuyomi-center .tuyomi-detail .tuyomi-detail-01 { font-size: 26px; } }
.tuyomi-bg .tuyomi .tuyomi-center .tuyomi-detail .tuyomi-detail-02 { font-size: 24px; color: #00CE63; margin: 0 auto; margin-top: 20px; }
@media screen and (max-width: 650px) { .tuyomi-bg .tuyomi .tuyomi-center .tuyomi-detail .tuyomi-detail-02 { font-size: 18px; } }

.service-list li { display: inline-block; margin: 0 10px; width: 280px; vertical-align: top; }
.service-list li img { width: 280px; }
.service-list li .service-detail { text-align: left; font-size: 15px; height: 70px; }
.service-list li .service-detail strong { color: #00CE63; font-weight: 400; }
.service-list li .service-link { width: 285px; height: 35px; line-height: 35px; }
.service-list li .service-link a { display: block; font-size: 13px; background: #F7F7F7; border-radius: 5px; }
.service-list li .service-link a i { color: #00CE63; padding-right: 5px; }

.contact-top { font-size: 20px; }

.contact-select li { margin: 0 15px; display: inline-block; }
@media screen and (max-width: 650px) { .contact-select li { margin: 10px auto; } }
.contact-select li .contact-01 { display: block; padding: 10px 20px; border-radius: 5px; background: #00CE63; color: #FFFFFF; }
.contact-select li .contact-02 { display: block; padding: 10px 20px; border-radius: 5px; background: #E3E3E3; color: #00CE63; }
@media screen and (max-width: 650px) { .contact-select li .contact-02 { width: 80%; margin: 0 auto; } }

.contents-hr { max-width: 1000px; margin: 0 auto; }
@media screen and (max-width: 1000px) { .contents-hr { width: 95%; } }

.contact-area { padding: 0; text-align: center; }
.contact-area p { margin: 0; padding: 0; }
.contact-area .contact-main { font-size: 40px; font-weight: 600; margin-bottom: 15px; }
 /* added 1213 */
 .contact-area .contact-detail { letter-spacing: 5px; }
 /*add end*/
@media screen and (max-width: 900px) { .contact-area .contact-main { font-size: 32px; } }
.contact-area .contact-detail { font-size: 25px;}
@media screen and (max-width: 900px) { .contact-area .contact-detail { font-size: 18px; } }
.contact-area .contact-tel { background: #00CE63; color: #FFFFFF; width: 350px; height: 70px; line-height: 70px; margin: 15px auto; border-radius: 5px; }
.contact-area address.contact-address { font-size: 15px; text-align: left; width: 350px; margin: 0 auto; 		/*
		@media screen and (max-width: 650px){
			text-align: center;

		}
				*/ }
.contact-area address.contact-address .address { padding-left: 50px; }
.contact-area address.contact-address .tel { 			/*
			@media screen and (max-width: 650px){
				text-align: center;
				width: 100%;

			}
						*/ }
.contact-area address.contact-address .tel > img { /*
width: 26px;
height: 26px;
*/ margin-right: 5px; }
.contact-area address.contact-address .tel > a { font-size: 40px; bottom: 8px; }
.contact-area address.contact-address .fax { font-size: 20px; padding-left: 50px; position: relative; bottom: 0; }

h3 { font-weight: 400; margin-bottom: 40px; }
h3 p { font-family: 'Poppins', sans-serif; font-size: 35px; font-weight: 600; color: #00CE63; margin: 0; }

.recruit-info { background: #F7F7F7; text-align: left; padding: 30px 0; }
.recruit-info ul { width: 730px; margin: 0 auto; padding: 20px 0 30px; }
@media screen and (max-width: 900px) { .recruit-info ul { width: 90%; margin: 0 auto; } }
.recruit-info hr { margin: 0; border: 1px dashed #A8A8A8; }
.recruit-info .recruit-info-date { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 600; }
.recruit-info .recruit-info-title { font-weight: 600; font-size: 18px; padding: 15px 0 25px; letter-spacing: .15rem; }
.recruit-info .recruit-info-title span { font-weight: 400; font-size: 14px; background: #FFFFFF; border: 1px solid #2F2F2F; text-align: center; line-height: 20px; height: 20px; padding: 0 5px 0 7px; width: 65px; margin-right: 20px; }
.recruit-info .recruit-info-detail { padding-top: 20px; font-size: 15px; }
.recruit-info .recruit-link { width: 350px; height: 70px; margin: 30px auto 10px; }
.recruit-info .recruit-link a { background: #00CE63; display: block; color: #FFFFFF; line-height: 70px; text-align: center; font-size: 22px; border-radius: 5px; }
.recruit-info .recruit-link a i { position: relative; right: -50px; }

.jigyo-head { font-size: 48px; font-weight: 600; }
@media screen and (max-width: 900px) { .jigyo-head { font-size: 36px; } }
@media screen and (max-width: 650px) { .jigyo-head { font-size: 26px; } }

.jigyo-info { padding: 30px 0; }
@media screen and (max-width: 900px) { .jigyo-info { width: 90%; margin: 0 auto; } }
.jigyo-info .jigyo-title { width: 900px; margin: 0 auto 20px; }
@media screen and (max-width: 900px) { .jigyo-info .jigyo-title { width: 100%; } }
.jigyo-info .jigyo-01 .jigyo-01-title { font-size: 20px; font-weight: 600; color: #00CE63; }
.jigyo-info .jigyo-01 ul { text-align: center; width: 900px; margin: 20px auto; }
@media screen and (max-width: 900px) { .jigyo-info .jigyo-01 ul { width: 100%; } }
.jigyo-info .jigyo-01 ul li { display: inline-block; vertical-align: top; }
@media screen and (max-width: 900px) { .jigyo-info .jigyo-01 ul li { display: block; } }
.jigyo-info .jigyo-01 ul li .jigyo-01-detail { text-align: left; width: 570px; }
@media screen and (max-width: 900px) { .jigyo-info .jigyo-01 ul li .jigyo-01-detail { width: 100%; } }
.jigyo-info .jigyo-01 ul li .jigyo-01-link { width: 160px; height: 48px; line-height: 48px; text-align: center; font-weight: 600; }
.jigyo-info .jigyo-01 ul li .jigyo-01-link a { display: block; background: #00CE63; border-radius: 5px; color: #FFFFFF; font-size: 15px; }
.jigyo-info .jigyo-01 ul li .jigyo-01-link a i { color: #FFFFFF; margin-right: -10px; margin-left: 20px; }
.jigyo-info .jigyo-02 ul li, .jigyo-info .jigyo-03 ul li { text-align: left; vertical-align: top; display: inline-block; }
.jigyo-info .jigyo-02 ul li p, .jigyo-info .jigyo-03 ul li p { margin: 0; }
.jigyo-info .jigyo-02 ul li .jigyo-02-title, .jigyo-info .jigyo-03 ul li .jigyo-02-title { font-size: 24px; font-weight: 600; margin-bottom: 30px; }
@media screen and (max-width: 900px) { .jigyo-info .jigyo-02 ul li .jigyo-02-title, .jigyo-info .jigyo-03 ul li .jigyo-02-title { font-size: 20px; } }
@media screen and (max-width: 650px) { .jigyo-info .jigyo-02 ul li .jigyo-02-title, .jigyo-info .jigyo-03 ul li .jigyo-02-title { font-size: 18px; } }
.jigyo-info .jigyo-02 ul li .jigyo-02-detail, .jigyo-info .jigyo-03 ul li .jigyo-02-detail { font-size: 16px; margin-bottom: 20px; }
.jigyo-info .jigyo-02 ul li .jigyo-02-link, .jigyo-info .jigyo-03 ul li .jigyo-02-link { width: 160px; height: 48px; line-height: 48px; text-align: center; font-weight: 600; }
.jigyo-info .jigyo-02 ul li .jigyo-02-link a, .jigyo-info .jigyo-03 ul li .jigyo-02-link a { display: block; background: #00CE63; border-radius: 5px; color: #FFFFFF; font-size: 15px; }
.jigyo-info .jigyo-02 ul li .jigyo-02-link a i, .jigyo-info .jigyo-03 ul li .jigyo-02-link a i { color: #FFFFFF; margin-right: -10px; margin-left: 20px; }
@media screen and (max-width: 900px) { .jigyo-info .jigyo-02 ul .jigyo-02-img img, .jigyo-info .jigyo-03 ul .jigyo-02-img img { width: 150px; margin-top: 10px; } }
.jigyo-info .jigyo-02 ul .jigyo-03-img, .jigyo-info .jigyo-03 ul .jigyo-03-img { position: relative; width: 210px; }
.jigyo-info .jigyo-02 ul .jigyo-03-img img, .jigyo-info .jigyo-03 ul .jigyo-03-img img { position: absolute; left: -110px; top: 150px; }
@media screen and (max-width: 900px) { .jigyo-info .jigyo-02 ul .jigyo-03-img img, .jigyo-info .jigyo-03 ul .jigyo-03-img img { width: 210px; position: inherit; top: inherit; left: inherit; margin-top: 10px; } }
.jigyo-info .jigyo-03 { height: 380px; }
.jigyo-info .jigyo-list { margin: 30px auto; }
.jigyo-info .jigyo-list .jigyo-list-top { font-size: 22px; font-weight: 600; width: 160px; height: 50px; line-height: 50px; background: #F7F7F7; color: #00CE63; margin: 0 auto; border-radius: 30px; border: 1px solid #00CE63; }
.jigyo-info .jigyo-list ul { text-align: left; width: 770px; margin: 40px auto; }
@media screen and (max-width: 900px) { .jigyo-info .jigyo-list ul { width: 90%; } }
.jigyo-info .jigyo-list ul li { vertical-align: top; height: 200px; display: inline-block; width: 350px; padding: 0 15px; position: relative; }
@media screen and (max-width: 900px) { .jigyo-info .jigyo-list ul li { width: 95%; height: auto; padding-top: 30px; padding-bottom: 50px; } }
.jigyo-info .jigyo-list ul li .jigyo-list-title { position: relative; text-align: left; }
.jigyo-info .jigyo-list ul li .jigyo-list-title .j-title-family { background: #2F2F2F; padding: 3px 10px 3px 12px; color: #FFFFFF; border-radius: 5px; letter-spacing: .15rem; font-size: 16px; }
.jigyo-info .jigyo-list ul li .jigyo-list-title .j-title-place { position: absolute; right: 30px; top: -23px; }
.jigyo-info .jigyo-list ul li .jigyo-list-title .j-title-place span { font-size: 16px; background: #F7F7F7; border-radius: 20px; width: 90px; height: 38px; line-height: 38px; padding: 6px 20px 6px 24px; }
.jigyo-info .jigyo-list ul li .jigyo-list-title .j-title-place i { font-size: 20px; padding: 0 10px; }
@media screen and (max-width: 650px) { .jigyo-info .jigyo-list ul li .jigyo-list-title .j-title-place { right: -15px; }
  .jigyo-info .jigyo-list ul li .jigyo-list-title .j-title-place span { font-size: 13px; width: 60px; height: 32px; }
  .jigyo-info .jigyo-list ul li .jigyo-list-title .j-title-place i { padding: 0 5px; } }
.jigyo-info .jigyo-list ul li .jigyo-list-detail { font-size: 13px; text-align: left; }
@media screen and (max-width: 650px) { .jigyo-info .jigyo-list ul li .jigyo-list-detail { padding-top: 20px; } }
.jigyo-info .jigyo-list ul li .jigyo-list-price { position: absolute; bottom: 0; text-align: left; font-size: 24px; font-weight: 600; color: #00CE63; }
.jigyo-info .jigyo-list ul li .jigyo-list-price span { font-weight: 400; font-size: 13px; color: #2F2F2F; padding-left: 10px; }
.jigyo-info .jigyo-list ul li .jigyo-list-price .zei { color: #00CE63; }
.jigyo-info .jigyo-list ul li .jigyo-list-end { position: absolute; bottom: -40px; text-align: left; font-size: 12px; }
@media screen and (max-width: 650px) { .jigyo-info .jigyo-list ul li .jigyo-list-img { width: 100%; } }
.jigyo-info .jigyo-list ul .jigyo-list-hr, .jigyo-info .jigyo-list ul .jigyo-list-hr-sp { width: 350px; height: 1px; }
.jigyo-info .jigyo-list ul .jigyo-list-hr hr, .jigyo-info .jigyo-list ul .jigyo-list-hr-sp hr { margin: 0 -15px; width: 110%; border: none; border-bottom: dashed 1px #707070; }
@media screen and (max-width: 650px) { .jigyo-info .jigyo-list ul .jigyo-list-hr, .jigyo-info .jigyo-list ul .jigyo-list-hr-sp { display: none; } }
.jigyo-info .jigyo-list ul .jigyo-list-hr-sp { display: none; margin: 0; padding: 0; width: 100%; }
@media screen and (max-width: 650px) { .jigyo-info .jigyo-list ul .jigyo-list-hr-sp { display: block; } }

.daihyo-title { font-size: 20px; font-weight: 600; }
@media screen and (max-width: 1000px) { .daihyo-title { margin: 10px auto !important; } }

.daihyo { text-align: left; width: 730px; margin: 0 auto; position: relative; }
@media screen and (max-width: 900px) { .daihyo { width: 95%; } }
.daihyo .daihyo-name { position: absolute; height: 50px; right: 0; text-align: center; }

.company-info-title { margin: 200px auto 0 !important; width: 160px; background: #CCFA32; color: #00CE63; height: 40px; line-height: 40px; font-size: 18px; border-radius: 5px 5px 0 0; }

.company-info { background: #F7F7F7; border-radius: 5px; text-align: left; padding: 40px 90px; font-size: 16px; letter-spacing: .1rem; margin: 0; }
@media screen and (max-width: 900px) { .company-info { padding-left: 5%; padding-right: 5%; } }

.contact-form-top { margin: 80px auto 0; width: 100%; border-bottom: 1px solid #00CE63; }
.contact-form-top span { font-size: 18px; color: #FFFFFF; background: #00CE63; padding: 10px 20px; border-radius: 5px 5px 0 0; position: relative; bottom: 8px; }

.contact-form { width: 900px; margin: 0 auto 30px; }
@media screen and (max-width: 900px) { .contact-form { width: 95%; } }
.contact-form .checklist-d-title { font-size: 14px; text-align: left; margin: 0; margin-top: 30px; }
.contact-form .checklist-d-title span { font-size: 12px; padding-left: 20px; }

.checklist-hr, .checklist-hr-s { width: 100%; margin: 0 auto; border: none; height: 1px; background: #E3E3E3; }

.checklist-hr-s { width: 100%; display: block; margin-bottom: 10px; }
@media screen and (max-width: 900px) { .checklist-hr-s { display: none; } }

.checklist-name, .checklist-kubun, .checklist-address, .checklist-nimotu, .checklist-mail, .checklist-memo, .checklist-mail-s, .checklist-name-s, .checklist-memo-s { margin: 0 auto; clear: both; width: 100%; }
.checklist-name li, .checklist-kubun li, .checklist-address li, .checklist-nimotu li, .checklist-mail li, .checklist-memo li, .checklist-mail-s li, .checklist-name-s li, .checklist-memo-s li { display: inline-block; height: auto; }
.checklist-name li dl dt, .checklist-kubun li dl dt, .checklist-address li dl dt, .checklist-nimotu li dl dt, .checklist-mail li dl dt, .checklist-memo li dl dt, .checklist-mail-s li dl dt, .checklist-name-s li dl dt, .checklist-memo-s li dl dt { float: left; text-align: right; width: 95px; font-size: 13px; padding-top: 5px; }
.checklist-name li dl dd, .checklist-kubun li dl dd, .checklist-address li dl dd, .checklist-nimotu li dl dd, .checklist-mail li dl dd, .checklist-memo li dl dd, .checklist-mail-s li dl dd, .checklist-name-s li dl dd, .checklist-memo-s li dl dd { margin-left: 20px; float: left; font-size: 13px; display: block; line-height: 28px; }
.checklist-name li dl dd input[type="text"], .checklist-kubun li dl dd input[type="text"], .checklist-address li dl dd input[type="text"], .checklist-nimotu li dl dd input[type="text"], .checklist-mail li dl dd input[type="text"], .checklist-memo li dl dd input[type="text"], .checklist-mail-s li dl dd input[type="text"], .checklist-name-s li dl dd input[type="text"], .checklist-memo-s li dl dd input[type="text"] { border-radius: 2px; border: 1px solid #00CE63; height: 28px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.checklist-name li dl dd textarea, .checklist-kubun li dl dd textarea, .checklist-address li dl dd textarea, .checklist-nimotu li dl dd textarea, .checklist-mail li dl dd textarea, .checklist-memo li dl dd textarea, .checklist-mail-s li dl dd textarea, .checklist-name-s li dl dd textarea, .checklist-memo-s li dl dd textarea { border-radius: 2px; border: 1px solid #00CE63; width: 680px; height: 240px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 900px) { .checklist-name li dl dd textarea, .checklist-kubun li dl dd textarea, .checklist-address li dl dd textarea, .checklist-nimotu li dl dd textarea, .checklist-mail li dl dd textarea, .checklist-memo li dl dd textarea, .checklist-mail-s li dl dd textarea, .checklist-name-s li dl dd textarea, .checklist-memo-s li dl dd textarea { width: 100%; } }

.checklist-mail-s li dl dd input[type="text"], .checklist-name-s li dl dd input[type="text"], .checklist-memo-s li dl dd input[type="text"] { border: 1px solid #A8A8A8; }
.checklist-mail-s li dl dd textarea, .checklist-name-s li dl dd textarea, .checklist-memo-s li dl dd textarea { border: 1px solid #A8A8A8; }

.checklist-kubun, .checklist-address, .checklist-nimotu, .checklist-memo, .checklist-memo-s { padding: 20px 0; }

.checklist-name, .checklist-name-s { padding-top: 20px; }

.checklist-mail, .checklist-mail-s { padding-bottom: 20px; }

.checklist-name li, .checklist-mail li, .checklist-name-s li, .checklist-mail-s li { width: 400px; }
@media screen and (max-width: 900px) { .checklist-name li, .checklist-mail li, .checklist-name-s li, .checklist-mail-s li { width: 100%; } }
@media screen and (max-width: 900px) { .checklist-name li dl dt, .checklist-mail li dl dt, .checklist-name-s li dl dt, .checklist-mail-s li dl dt { text-align: left; padding-left: 20px; } }
@media screen and (max-width: 900px) { .checklist-name li dl dd, .checklist-mail li dl dd, .checklist-name-s li dl dd, .checklist-mail-s li dl dd { width: 95%; } }
.checklist-name li dl dd input[type="text"], .checklist-mail li dl dd input[type="text"], .checklist-name-s li dl dd input[type="text"], .checklist-mail-s li dl dd input[type="text"] { width: 280px; }
@media screen and (max-width: 900px) { .checklist-name li dl dd input[type="text"], .checklist-mail li dl dd input[type="text"], .checklist-name-s li dl dd input[type="text"], .checklist-mail-s li dl dd input[type="text"] { width: 100%; } }

@media screen and (max-width: 900px) { .checklist-address li, .checklist-memo li, .checklist-memo-s li { width: 100%; } }
@media screen and (max-width: 900px) { .checklist-address li dl dt, .checklist-memo li dl dt, .checklist-memo-s li dl dt { text-align: left; padding-left: 20px; } }
@media screen and (max-width: 900px) { .checklist-address li dl dd, .checklist-memo li dl dd, .checklist-memo-s li dl dd { width: 95%; } }
.checklist-address li dl dd input[type="text"], .checklist-memo li dl dd input[type="text"], .checklist-memo-s li dl dd input[type="text"] { width: 685px; }
@media screen and (max-width: 900px) { .checklist-address li dl dd input[type="text"], .checklist-memo li dl dd input[type="text"], .checklist-memo-s li dl dd input[type="text"] { width: 100%; } }
@media screen and (max-width: 900px) { .checklist-address li dl dd textarea, .checklist-memo li dl dd textarea, .checklist-memo-s li dl dd textarea { width: 100%; } }

.checklist-kubun, .checklist-nimotu { width: 800px; margin: 0 auto; text-align: left; }
@media screen and (max-width: 900px) { .checklist-kubun, .checklist-nimotu { width: 100%; } }
.checklist-kubun input[type="text"], .checklist-nimotu input[type="text"] { width: 40px; text-align: center; }

.checklist-kubun .kubun-dt { float: left; text-align: right; width: 55px; font-size: 13px; padding-top: 5px; margin-left: 50px; }
@media screen and (max-width: 650px) { .checklist-kubun .kubun-dt { float: none; display: block; margin-left: 15px; padding-bottom: 10px; } }
@media screen and (max-width: 650px) { .checklist-kubun dl dt { float: none; text-align: left; } }

.submit { -webkit-appearance: none; border-radius: 5px; background: #00CE63; color: #FFFFFF; width: 160px; text-align: center; line-height: 40px; height: 40px; margin: 20px auto 0; font-size: 18px; }

/*1220added*/
.btn_conform {   -webkit-appearance: none; border-radius: 5px; background: #E3E3E3; color: #FFFFFF; width: 160px; text-align: center; line-height: 40px; height: 40px; margin: 20px auto 0; font-size: 18px;  }