@charset "UTF-8";
/**
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
 *
 *  新卒採用情報 | 社会福祉法人陽光会
 *  
 *
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
**/

body { color: #555; font-size: 15px; line-height: 1.6; background: #fff; min-width: 1000px; }
.inner { width: 950px; margin: 0 auto; }
.font-s { font-size: 80%; }
.font-m { font-size: 86%; }
.font-l { font-size: 107%; color: #111; margin-top: 1em; margin-bottom: 1em; }
._line { border-bottom: 1px solid #d9d9d9; padding-bottom: 1em; margin-bottom: 1em; }
.pc { display: block; }
.sh { display: none; }
.color1 { color: #2e8b58; font-size: 80%; }
.color2 { color: #c8c8c8; font-size: 80%; }

.kome dt {position: relative;}
.kome dt span {position: absolute;}
.kome dd {padding-left: 1em;}

.l_sp01 { letter-spacing:.1em; }
.l_sp02 { letter-spacing:.2em; }
.l_sp03 { letter-spacing:.3em; }
.l_sp04 { letter-spacing:.33em; }
.l_sp044 { letter-spacing:.4em; }
.l_sp05 { letter-spacing:.5em; }
.l_sp1 { letter-spacing:1em; }
.l_sp20 { letter-spacing:2em; }
.l_sp2 { letter-spacing:2.95em; }
.l_sp3 { letter-spacing:3em; }
.l_sp4 { letter-spacing:4em; }

.font-ll { font-size: 150%; line-height: 1;  }


 @media screen and (max-width: 640px) {
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
body { text-align: center; -webkit-text-size-adjust: 100%; min-width: 0; }
img { display: block; height: auto; max-width: 100%; margin: auto; border: none; }
.inner { width: 100%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
.font-l { text-align: left; }
.pc { display: none; }
.sh { display: block; }
}
/* ---------------------------------------------------------------------------
//  header
--------------------------------------------------------------------------- */
header { background: url(../img/head-bg.jpg) repeat-x top left; }
.head-inner { width: 950px; height: 164px; margin: 0 auto; padding-top: 26px; }
.logo { float: left; }
h1 { float: left; margin-left: 24px; }
.entry-btn { float: right; }
header .sp-logo { display: none; }
 @media screen and (max-width: 640px) {
header { width: 100%; height: auto; background-image: none; background-color: #fff; border-top: 7px solid #2e8b58; }
.head-inner { width: 100%; height: auto; margin: 0 auto; padding-top: 0; }
.logo { float: none; max-width: 172px; margin: 0 auto; text-align: center; }
h1 { float: none; margin-left: 0; }
.entry-btn { float: none; padding-top: 20px; padding-bottom: 20px; }
header .sp-logo { display: block; max-width: 172px; margin: 0 auto; padding-top: 10px; padding-bottom: 20px; }
header .logo, nav { display: none; }
}
/* ---------------------------------------------------------------------------
//  nav
--------------------------------------------------------------------------- */
nav { clear: both; width: 950px; margin: 0 auto; padding-top: 50px; }
nav ul { }
nav ul li { float: left; }
nav ul li a { display: block; height: 45px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
nav ul li:nth-child(1) a { background: url(../img/nav.jpg) no-repeat 0 0; width: 214px; }
nav ul li:nth-child(2) a { background: url(../img/nav.jpg) no-repeat -214px 0; width: 301px; }
nav ul li:nth-child(3) a { background: url(../img/nav.jpg) no-repeat -515px 0; width: 214px; }
nav ul li:nth-child(4) a { background: url(../img/nav.jpg) no-repeat -729px 0; width: 221px; }
nav ul li:nth-child(1) a:hover { background: url(../img/nav.jpg) no-repeat 0 -45px; width: 214px; }
nav ul li:nth-child(2) a:hover { background: url(../img/nav.jpg) no-repeat -214px -45px; width: 301px; }
nav ul li:nth-child(3) a:hover { background: url(../img/nav.jpg) no-repeat -515px -45px; width: 214px; }
nav ul li:nth-child(4) a:hover { background: url(../img/nav.jpg) no-repeat -729px -45px; width: 221px; }
.message nav ul li:nth-child(2) a { background: url(../img/nav.jpg) no-repeat -214px -45px; width: 301px; }
.recruit nav ul li:nth-child(3) a { background: url(../img/nav.jpg) no-repeat -515px -45px; width: 214px; }
.entry nav ul li:nth-child(4) a { background: url(../img/nav.jpg) no-repeat -729px -45px; width: 221px; }
/*nav ul li a:hover { opacity: 0.7; }*/
.foot-nav { clear: both; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.foot-nav ul { clear: both; width: 950px; margin: 0 auto; padding-top: 15px; padding-bottom: 15px; }
.foot-nav ul li { float: left; }
.foot-nav ul li a { display: block; height: 28px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.foot-nav ul li:nth-child(1) a { background: url(../img/foot-nav.jpg) no-repeat 0 0; width: 214px; }
.foot-nav ul li:nth-child(2) a { background: url(../img/foot-nav.jpg) no-repeat -214px 0; width: 301px; }
.foot-nav ul li:nth-child(3) a { background: url(../img/foot-nav.jpg) no-repeat -515px 0; width: 214px; }
.foot-nav ul li:nth-child(4) a { background: url(../img/foot-nav.jpg) no-repeat -729px 0; width: 221px; }
.foot-nav ul li:nth-child(1) a:hover { background: url(../img/foot-nav.jpg) no-repeat 0 -28px; width: 214px; }
.foot-nav ul li:nth-child(2) a:hover { background: url(../img/foot-nav.jpg) no-repeat -214px -28px; width: 301px; }
.foot-nav ul li:nth-child(3) a:hover { background: url(../img/foot-nav.jpg) no-repeat -515px -28px; width: 214px; }
.foot-nav ul li:nth-child(4) a:hover { background: url(../img/foot-nav.jpg) no-repeat -729px -28px; width: 221px; }
 @media screen and (max-width: 640px) {
.foot-nav { clear: both; border-top: none; border-bottom: 1px solid #e5e5e5; }
.foot-nav ul { clear: both; width: 100%; margin: 0 auto; padding-top: 0; padding-bottom: 0; }
.foot-nav ul li { float: none; }
.foot-nav ul li a { display: block; height: auto; text-indent: 0; white-space: normal; overflow: visible; border-top: 1px solid #e5e5e5; padding-top: 15px; padding-bottom: 15px; }
.foot-nav ul li a { color: #555; font-size: 4.26vw; }
.foot-nav ul li a:hover { color: #2e8b58; }
.foot-nav ul li:nth-child(1) a { background: none; width: 100%; }
.foot-nav ul li:nth-child(2) a { background: none; width: 100%; }
.foot-nav ul li:nth-child(3) a { background: none; width: 100%; }
.foot-nav ul li:nth-child(4) a { background: none; width: 100%; }
.foot-nav ul li:nth-child(1) a:hover { background: none; width: 100%; }
.foot-nav ul li:nth-child(2) a:hover { background: none; width: 100%; }
.foot-nav ul li:nth-child(3) a:hover { background: none; width: 100%; }
.foot-nav ul li:nth-child(4) a:hover { background: none; width: 100%; }
}
/* ---------------------------------------------------------------------------
//  sp nav
--------------------------------------------------------------------------- */
.sp-menu { display: none; }
 @media screen and (max-width: 640px) {
.sp-menu { display: block; width: 100%; }
.sp-menu-btn { width: 15%; height: auto; position: absolute; top: 10px; right: 0; z-index: 99; }
.sp-menu-btn img { width: 100%; height: auto; }
.sp-nav { display: none; width: 100%; position: absolute; top: 0; left: 0; z-index: 98; }
.sp-nav.active { display: block; }
.sp-nav ul { background: #2e8b58; text-align: left; font-size: 4.375vw; line-height: 4.0; list-style-type: none; }
.sp-nav ul li { border-bottom: 1px solid #C6C6C6; text-indent: 15px; color: #fff; }
.sp-nav ul li a { display: block; color: #fff; }
.sp-nav ul li a:hover { background: #1a663c; }
body.menu-active::before { content: ""; position: fixed; width: 100%; height: 100%; background: #FFF; z-index: 97; }
}
/* ---------------------------------------------------------------------------
//  footer
--------------------------------------------------------------------------- */
footer { background: #fafafa; }
footer .inner { color: #fff; }
footer p { float: left; padding-top: 37px; padding-bottom: 30px; }
footer .copy { clear: both; background: #2e8b58; color: #fff; padding-top: 15px; padding-bottom: 15px; }
footer .copy ul { float: left; }
footer .copy ul li { float: left; border-left: 1px solid #6dae8a; padding: 5px 22px; }
footer .copy ul li a { color: #fff; background: url(../img/ico-circl.png) no-repeat center left; padding-left: 21px; }
footer .copy ul li a:hover { color: #bfe0ce; }
footer .copy p { float: right; padding: 5px 0; }
 @media screen and (max-width: 640px) {
footer { background: #fafafa; }
footer .inner { color: #fff; }
footer p { float: none; padding-top: 15px; padding-bottom: 15px; }
footer .copy { clear: both; background: #2e8b58; color: #fff; padding-top: 15px; padding-bottom: 15px; }
footer .copy ul { float: none; }
footer .copy ul li { float: none; border-left: none; padding: 5px 5px; }
footer .copy ul li a { color: #fff; background: url(../img/ico-circl.png) no-repeat center left; padding-left: 21px; }
footer .copy ul li a:hover { color: #bfe0ce; }
footer .copy p { float: none; padding: 15px 0 5px 0; }
}
/* page_top
-------------- */
#page_top { bottom: 5%; font-size: 77%; right: 5%; position: fixed; }
#page_top a { background: url(../img/pt.png) no-repeat 0 0; display: block; height: 0px; overflow: hidden; padding-top: 80px; text-decoration: none; width: 80px; }
#page_top a:hover { background-position: 0 -80px; outline: none; }
 @media screen and (max-width: 640px) {
#page_top { bottom: 3%; font-size: 77%; right: 3%; position: fixed; }
}
/* ---------------------------------------------------------------------------
//  top
--------------------------------------------------------------------------- */
.main-visual { background: url(../img/main-visual-bg.jpg) repeat-x top center; width: 100%; height: 420px; text-align: center; }
.top_bnr { clear: both; width: 950px; margin: 60px auto; }
.top_bnr ul { margin: 0; padding: 0; margin-left: -10px; }
.top_bnr ul li { float: left; width: 310px; margin-left: 10px; }
 @media screen and (max-width: 640px) {
.main-visual { background: none; width: 100%; height: auto; text-align: center; }
.top_bnr { clear: both; width: 100%; margin: 30px auto; }
.top_bnr ul { margin: 0; padding: 0; margin-left: 0; }
.top_bnr ul li { float: none; width: auto; margin-left: 0; margin: 0 auto; margin-bottom: 15px; }
}
/* ---------------------------------------------------------------------------
//  topicpath
--------------------------------------------------------------------------- */
.topicpath { background-color: #f2f2f2; }
.topicpath ol { list-style: none; }
.topicpath ol li { float: left; padding: 18px 0; color: #666; font-size: 93%; }
.topicpath ol > li + li:before { content: "\f125"; font-family: ionicons; font-size: 90%; padding: 0 12px; color: #bbb; }
.topicpath ol li a { color: #666; }
.topicpath ol li a:hover { color: #999; }
 @media screen and (max-width: 640px) {
.topicpath { display: none; }
}
/* ---------------------------------------------------------------------------
//  message
--------------------------------------------------------------------------- */
.message-body { background: url(../img/director-bg.jpg) repeat-x top center; width: 100%; height: 420px; }
.message-body .inner { position: relative; }
.message-body h2 { padding: 45px 0 40px; }
.message-body h3 { font-size: 115%; font-weight: 400; color: #2e8b58; }
.message-body dl { line-height: 1.3; margin: 0; padding: 0; font-size: 93%; }
.message-body dl dt { width: 5em; float: left; clear: left; padding: 2px 0; color: #333; }
.message-body dl dd { padding: 2px 0 2px 5em; }
.message-body ._photo { clear: both; position: absolute; top: 0; left: 428px; }
.message-contents { }
.layout-pl { clear: both; margin: 100px 0; }
.layout-pl ._photo { float: left; width: 370px; }
.layout-pl ._txt { float: right; width: 518px; }
.layout-pr { clear: both; margin: 50px 0; }
.layout-pr ._txt { float: left; width: 518px; }
.layout-pr ._photo { float: right; width: 370px; }
.layout-pl p, .layout-pr p { margin-top: 20px; }
p.top-border { border-top: 1px solid #ccc; padding-top: 1em; margin-top: 1em; }
 @media screen and (max-width: 640px) {
.message-body { background: none; width: 100%; height: auto; background-color: #e2e9dd; }
.message-body .inner { position: relative; }
.message-body h2 { padding: 45px 0 40px; }
.message-body h3 { font-size: 115%; font-weight: 400; color: #2e8b58; }
.message-body dl { line-height: 1.3; margin: 0; padding: 0; font-size: 100%; margin-bottom: 1em; }
.message-body dl dt { width: 5em; float: left; clear: left; padding: 2px 0; color: #333; text-align: left; }
.message-body dl dd { padding: 2px 0 2px 5em; text-align: left; }
.message-body ._photo { clear: both; top: 0; left: 0; position: relative; margin: auto; width: 100%;}
.message-contents h2 { text-align: left; font-size: 6vw; color: #2e8b58; margin-top: 20px; }
.message-contents h2::after { content: attr(data-label); }
.message-contents h2 img { display: none; }
.layout-pl { clear: both; margin: 60px 0; }
.layout-pl ._photo { float: none; width: auto; }
.layout-pl ._txt { float: none; width: 100%; text-align: left; }
.layout-pr { clear: both; margin: 50px 0; }
.layout-pr ._txt { float: none; width: 100%; text-align: left; }
.layout-pr ._photo { float: none; width: auto; }
.layout-pl p, .layout-pr p { margin-top: 20px; }
p.top-border { border-top: 1px solid #ccc; padding-top: 1em; margin-top: 1em; margin-bottom: 1em; }
}
/* ---------------------------------------------------------------------------
//  recruit
--------------------------------------------------------------------------- */
.recruit-head { background: url(../img/recruit-info-bg.jpg) repeat-x top center; width: 100%; height: 201px; }
.recruit-head .inner h2 { padding-top: 60px; }
.recruit-contents { clear: both; margin: 100px 0; }
.recruit-contents._line { border-bottom: 1px solid #d9d9d9; padding-bottom: 100px; }
.recruit-contents dl dd a { text-decoration: underline; }
.recruit-contents dl dd a:hover { text-decoration: none; }
.recruit-contents h3 { float: left; width: 200px; }
.recruit-contents .layout-r { float: right; width: 650px; }
dl.schedule { line-height: 1.3; margin: 0; padding: 0; font-size: 93%; }
dl.schedule dt { width: 55px; float: left; clear: left; padding: 0; }
dl.schedule dd { padding: 3px 0 28px 55px; background: url(../img/next-bg.jpg) no-repeat bottom left; min-height: 40px; }
dl.schedule dd strong { font-size: 107%; color: #222; font-weight: 400; display: inline-block; padding-bottom: 5px; }
dl.schedule dd:nth-of-type(2) { min-height: 50px; }
dl.schedule dd:nth-of-type(3) { padding-top: 1em; }
dl.schedule dd:nth-of-type(4) { padding-top: 1em; }
dl.schedule dd:nth-of-type(5) { padding-top: 1em; background: none; min-height: 0; }
dl.schedule dd.last { padding-top: 1em; background: none; min-height: 0; }

dl.schedule dl.kome { line-height: 1.3; margin: 0; padding: 0; font-size: 100%; }
dl.schedule dl.kome dt { width: auto; float: none; clear: left; padding: 0; }
dl.schedule dl.kome dd { padding: 0 0 0 0; background:none; min-height: 0; }

dl.schedule dl.kome dt {position: relative;}
dl.schedule dl.kome dt span {position: absolute;}
dl.schedule dl.kome dd {padding-left: 1em;}



.note { background-color: #2e8b58; color: #fff; margin: 0; padding: 38px 0 38px 38px; border-radius: 6px; }
.note img, .note p { float: left; }
.note img { padding: 10px 25px 10px 0; border-right: 1px solid #6dae8a; }
.note p { padding: 10px 0 0 25px; }
dl.float { line-height: 1.6; margin: 0; padding: 0; margin-bottom: 1em; }
dl.float dt { width: 8em; float: left; clear: left; padding: 1em 0 1em .8em; color: #222; background: url(../img/ico-left.gif) no-repeat center left; }
dl.float dd { padding: 1em 0 1em 8.5em; border-top: 1px solid #d9d9d9; }
dl.float.guide dd.first { border-top: none; margin-top: -1em; }
dl.float.guide dd.tb1 { text-align: left; }
dl.float.guide dd.tb1 td { padding-right: 1em; }
dl.float.guide dd.tb2 { padding-top: 0; border-top: none; }
.border-top { border-top: 1px solid #d9d9d9; display: block; padding-top: 1em; }
.border-top-ico { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; display: block; padding: 1em 0 1em .8em; background: url(../img/ico-left2.gif) no-repeat center left; }
dl.float.guide dd.tb2 table { margin: 1em 0; text-align: left; }
dl.float.guide dd.tb2 table th { padding-right: 2em; padding-left: .8em; background: url(../img/ico-left2.gif) no-repeat center left; font-weight: 400;text-align: left; }
dl.float.guide dd.tb2 table td { padding-right: 2em; }
 @media screen and (max-width: 640px) {
.recruit-head { background: url(../img/recruit-info-bg.jpg) repeat-x top center; width: 100%; height: 201px; }
.recruit-head .inner h2 { padding-top: 60px; }
.recruit-contents { clear: both; margin: 50px 0; }
.recruit-contents._line { border-bottom: 1px solid #d9d9d9; padding-bottom: 50px; }
.recruit-contents h3 { float: none; width: 100%; padding-bottom: 30px; }
.recruit-contents .layout-r { float: none; width: 100%; }
dl.schedule { line-height: 1.3; margin: 0; padding: 0; font-size: 100%; text-align: left; }
dl.schedule dt { width: auto; float: left; clear: left; padding: 0 10px 10px 0; }
dl.schedule dd { padding: 3px 0 35px 55px; background: url(../img/next-bg.jpg) no-repeat bottom left; min-height: 40px; }
dl.schedule dd strong { font-size: 107%; color: #222; font-weight: 400; display: inline-block; padding-bottom: 5px; }
dl.schedule dd:nth-of-type(2) { min-height: 50px; }
dl.schedule dd:nth-of-type(3) { padding-top: 1em; }
dl.schedule dd:nth-of-type(4) { padding-top: 1em; }
dl.schedule dd:nth-of-type(5) { padding-top: 1em; background: none; min-height: 0; padding-bottom: 0; }
dl.schedule dd.last { padding-top: 1em; background: none; min-height: 0; }
.note { background-color: #2e8b58; color: #fff; margin: 0; padding: 10px; border-radius: 6px; }
.note img, .note p { float: none; }
.note img { padding: 10px 0 10px 0; border: none; }
.note p { padding: 10px 0 0 0; }
dl.float { line-height: 1.6; margin: 0; padding: 0; margin-bottom: 1em; text-align: left; }
dl.float dt { width: auto; float: none; clear: left; padding: 0 0 0 .8em; color: #222; background: url(../img/ico-left.gif) no-repeat center left; }
dl.float dd { padding: 0 0 1em 0; border-top: none; border-bottom: 1px solid #d9d9d9; margin-bottom: .8em; }
dl.float dd:last-child { border-top: none; border-bottom: none; margin-bottom: 0; }
dl.float.guide { line-height: 1.6; margin: 0; padding: 0; margin-bottom: 1em; text-align: left; }
dl.float.guide dt { width: auto; float: none; clear: left; padding: 0 0 0 .8em; color: #222; background: url(../img/ico-left.gif) no-repeat center left; }
dl.float.guide dd { padding: 0 0 1em 0; border-top: none; border-bottom: 1px solid #d9d9d9; margin-bottom: .8em; }
dl.float.guide dd.first { border-top: none; margin-top: 0; }
dl.float.guide dd.tb1 { text-align: left; }
dl.float.guide dd.tb1 td { padding-right: 0; }
dl.float.guide dd.tb2 { padding-top: 0; border-top: none; }
.border-top { border-top: none; display: block; padding-top: 0; }
.border-top-ico { border-top: none; border-bottom: none; display: block; padding: 0 0 0 .8em; background: url(../img/ico-left2.gif) no-repeat center left; }
dl.float.guide dd.tb2 table { margin: 1em 0; text-align: left; }
dl.float.guide dd.tb2 table th { padding: 5px; background: none; font-weight: 400; white-space: nowrap; border-top: 1px solid #d9d9d9; border: 1px solid #d9d9d9; background-color: #f5f5f5; }
dl.float.guide dd.tb2 table td { padding: 5px; border: 1px solid #d9d9d9; }
dl.float.guide dd:last-child { border-top: none; border-bottom: none; margin-bottom: 0; }
}
/* ---------------------------------------------------------------------------
//  entry
--------------------------------------------------------------------------- */
.entry-head { background: url(../img/entry-bg.jpg) repeat-x top center; width: 100%; height: 201px; }
.entry-head .inner h2 { padding-top: 60px; }
.entry-form h2 { border-bottom: 1px solid #d9d9d9; padding-bottom: 1.5em; margin-bottom: 3em; margin-top: 80px; }
.entry-form h3 { float: left; width: 200px; }
.entry-form .layout-r { float: right; width: 650px; }
#formbox { width: 650px; }
#formbox label { cursor: pointer; }
#formbox .wide62 { width: 620px; }
#formbox .wide45 { width: 450px; }
#formbox .wide40 { width: 400px; }
#formbox .wide20 { width: 200px; }
.col1 { background: url(../img/line2-bg.jpg) no-repeat bottom center; padding-bottom: 1px; }
.col1 .col-l { float: left; width: 315px; }
.col1 .col-r { float: right; width: 325px; }
.col1 dl { clear: both; line-height: 1.6; margin: 0; padding: 0; margin-top: 1em; }
.col1 dt { width: 5em; float: left; clear: left; padding: 0 0 0 .8em; color: #222; background: url(../img/ico-left.gif) no-repeat center left; }
.col1 dd { padding: 0 0 1em 5.8em; }
.col1 dd.name { padding: 0 0 1em 5.8em; border-bottom: 1px solid #d9d9d9; }
span.age { display: inline-block; float: right; margin-bottom: 1em; margin-right: .5em; }
span.age input[type="text"] { text-align: center; }
dl.w7 { clear: both; line-height: 1.6; margin: 0; padding: 0; margin-bottom: .5em; width: 100%; margin-top: -.4em; }
dl.w7 dt { width: 7em; float: left; clear: left; padding: 1em 0 1em .8em; color: #222; background: url(../img/ico-left.gif) no-repeat center left; }
dl.w7 dd { padding: 1em 0 1em 7.8em; border-bottom: 1px solid #d9d9d9; }
dl.w7 dl { float: left; line-height: 1.6; margin: 0; padding: 0; margin-bottom: .5em; width: 100%; margin-top: -.4em; }
dl.w7 dl dt { width: 6em; float: left; clear: left; padding: .4em 0 .4em .8em; color: #222; background: url(../img/ico-left2.gif) no-repeat center left; }
dl.w7 dl dd { padding: .4em 0 .4em 6.8em; border-bottom: none; }
dl.w7 dl.normal { float: left; line-height: 1.6; margin: 0; padding: 0; margin-bottom: .5em; width: 100%; margin-top: -.4em; }
dl.w7 dl.normal dt { width: auto; float: none; padding: .4em 0 .4em .8em; color: #222; background: url(../img/ico-left2.gif) no-repeat center left; }
dl.w7 dl.normal dd { padding: .4em 0 .4em .8em; border-bottom: none; }
dl.w7 dl.normal dd .space { display: inline-block; margin-top: .5em }
dl.check { float: left; line-height: 1.6; margin: 0; padding: 0; margin-bottom: .5em; width: 100%; margin-top: -.4em; }
dl.check dt { width: 10em; float: left; clear: left; padding: 1em 0 1em .8em; color: #222; background: url(../img/ico-left.gif) no-repeat 0 1.4em; }
dl.check dd { padding: 1em 0 1em 10.8em; border-bottom: 1px solid #d9d9d9; }
dl.check._w { float: left; line-height: 1.6; margin: 0; padding: 0; margin-bottom: .5em; width: 100%; margin-top: -.4em; }
dl.check._w dt { width: 15em; float: left; clear: left; padding: 1em 0 1em .8em; color: #222; background: url(../img/ico-left.gif) no-repeat 0 1.4em; }
dl.check._w dd { padding: 1em 0 1em 15.8em; border-bottom: 1px solid #d9d9d9; }
dl.check._w dd div { float: left; margin: 0 0 0 2em; padding: 0; }
dl.text { clear: both; line-height: 1.6; margin: 0; padding: 0; margin-bottom: .5em; width: 100%; margin-top: -.4em; }
dl.text dt { padding: 1.5em 0 .5em .8em; color: #222; background: url(../img/ico-left.gif) no-repeat 0 1.9em; }
dl.text dd { padding: 0 0 1.5em .8em; border-bottom: 1px solid #d9d9d9; }
dl.text._float dt span { display: inline-block; padding-left: 2em; vertical-align: top; }
dl.text._none dd { padding: 0 0 1.5em .8em; border-bottom: none; }
dl.w7._check { clear: both; line-height: 1.6; margin: 0; padding: 0; margin-bottom: .5em; width: 100%; margin-top: -.4em; }
dl.w7._check dt { width: 16em; float: left; clear: left; padding: 1em 0 1em .8em; color: #222; background: url(../img/ico-left.gif) no-repeat 0 1.4em; }
dl.w7._check dd { padding: 1em 0 1em 16.8em; border-bottom: 1px solid #d9d9d9; }
dl.w7._check dl { float: left; line-height: 1.6; margin: 0; padding: 0; margin-bottom: .5em; width: 100%; margin-top: -.4em; border-left: 1px solid #d9d9d9; padding-left: 1em; }
dl.w7._check dl dt { width: 6em; float: left; clear: left; padding: .4em 0 .4em .8em; color: #222; background: url(../img/ico-left2.gif) no-repeat center left; }
dl.w7._check dl dd { padding: .4em 0 .4em 6.8em; border-bottom: none; }
dl.w7._check dt .font-m { display: inline-block; margin-top: 1em; }
.submit-btn { margin-bottom: 70px; }
.submit-btn:hover { opacity: 0.8; }
.entry-form { margin-bottom: 70px; }
.entry-form .inquiry h3 { float: none; width: auto; border-bottom: 1px solid #d9d9d9; padding-bottom: 1em; }
.entry-form .inquiry a { text-decoration: underline; }
.entry-form .inquiry a:hover { text-decoration: none; }
#formbox input[type="text"] { min-height: 1.5em; position: relative; margin-top: -3px; }
#formbox input[type="radio"] { min-height: 1.5em; position: relative; margin-top: -3px; cursor: pointer; }
#formbox input[type="checkbox"] { min-height: 1.5em; position: relative; margin-top: -3px; }
#formbox input[type="text"]:focus, #formbox textarea:focus { background: #fff; }
#formbox input[type="text"], #formbox textarea { border: 1px solid #d9d9d9; font-size: 100%; padding: 3px; border-radius: 4px; }
#formbox .submit button { color: #666; cursor: pointer; background-color: #f5f5f5; border: 1px solid #d9d9d9; display: inline-block; font-size: 100%; font-weight: bold; line-height: 1; margin: 0 10px; padding: 20px 20px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc; }
#formbox .submit button:hover { background: #378b67; color: #fff; -webkit-box-shadow: 1px 1px 2px #777; -moz-box-shadow: 1px 1px 2px #777; box-shadow: 1px 1px 2px #777; }
 @media screen and (max-width: 640px) {
.entry-head { background: url(../img/entry-bg.jpg) repeat-x top left; width: 100%; height: 201px; }
.entry-form h2 { text-align: left; font-size: 6vw; color: #2e8b58; padding-bottom: 1em; margin-bottom: 1em; margin-top: 20px; }
.entry-form h2::after { content: attr(data-label); }
.entry-form h2 img { display: none; }
.entry-form h3 { float: none; width: auto; }
.entry-form .layout-r { float: none; width: 100%; }
#formbox { width: 100%; }
#formbox label { cursor: pointer; }
#formbox .wide62 { width: 95%; }
#formbox .wide45 { width: 95%; }
#formbox .wide40 { width: 95%; }
#formbox .wide20 { width: 95%; }
.col1 { background: none; padding-bottom: 0; }
.col1 .col-l { float: none; width: 100%; }
.col1 .col-r { float: none; width: 100%; }
.col1 dl { clear: both; line-height: 1.6; margin: 0; padding: 0; margin-top: 1em; text-align: left; }
.col1 dt { width: auto; float: none; clear: left; padding: 0 0 0 .8em; color: #222; background: url(../img/ico-left.gif) no-repeat center left; }
.col1 dd { padding: 0 0 1em .8em; border-bottom: 1px solid #d9d9d9; }
.col1 dd.name { padding: 0 0 1em .8em; }
span.age { display: inline-block; float: none; margin-bottom: 1em; margin-right: .5em; }
span.age input[type="text"] { text-align: center; }
dl.w7 { clear: both; line-height: 1.6; margin: 0; padding: 0; margin-bottom: 1em; width: 100%; margin-top: 1em; text-align: left; }
dl.w7 dt { width: auto; float: none; clear: left; padding: 0 0 0 .8em; color: #222; background: url(../img/ico-left.gif) no-repeat center left; }
dl.w7 dd { padding: 0 0 1em .8em; border-bottom: 1px solid #d9d9d9; }
dl.w7 dl { float: none; line-height: 1.6; margin: 0; padding: 0; margin-bottom: .5em; width: 100%; margin-top: .5em; text-align: left; }
dl.w7 dl dt { width: auto; float: none; clear: left; padding: 0 0 0 .8em; color: #222; background: url(../img/ico-left2.gif) no-repeat center left; }
dl.w7 dl dd { padding: 0 0 .5em .8em; border-bottom: none; }
dl.w7 dl.normal { float: none; line-height: 1.6; margin: 0; padding: 0; margin-bottom: 0; width: 100%; margin-top: 1em; text-align: left; }
dl.w7 dl.normal dt { width: auto; float: none; padding: 0 0 0 .8em; color: #222; background: url(../img/ico-left2.gif) no-repeat 0 .4em; }
dl.w7 dl.normal dd { padding: 0 0 1em .8em; border-bottom: none; }
dl.w7 dl.normal dd .space { display: inline-block; margin-top: .5em; margin-bottom: 0; }
dl.check { float: none; line-height: 1.6; margin: 0; padding: 0; margin-bottom: 1em; width: 100%; margin-top: 1em; text-align: left; }
dl.check dt { width: auto; float: none; clear: left; padding: 0 0 0 .8em; color: #222; background: url(../img/ico-left.gif) no-repeat 0 .4em; }
dl.check dd { padding: 0 0 1em 1.8em; border-bottom: 1px solid #d9d9d9; }
dl.check._w { float: none; line-height: 1.6; margin: 0; padding: 0; margin-bottom: 1em; width: 100%; margin-top: 1em; text-align: left; }
dl.check._w dt { width: auto; float: none; clear: left; padding: 0 0 0 .8em; color: #222; background: url(../img/ico-left.gif) no-repeat 0 .4em; }
dl.check._w dd { padding: 0 0 1em 1.8em; border-bottom: 1px solid #d9d9d9; }
dl.check._w dd div { float: none; margin: 0 0 0 0; padding: 0; }
dl.text { clear: both; line-height: 1.6; margin: 0; padding: 0; margin-bottom: 1em; width: 100%; margin-top: 1em; text-align: left; }
dl.text dt { padding: 1.5em 0 .5em .8em; color: #222; background: url(../img/ico-left.gif) no-repeat 0 1.9em; }
dl.text dd { padding: 0 0 1.5em .8em; border-bottom: 1px solid #d9d9d9; }
dl.text._float dt span { display: inline-block; padding-left: 0; vertical-align: top; }
dl.text._none dd { padding: 0 0 1.5em .8em; border-bottom: none; }
dl.w7._check { clear: both; line-height: 1.6; margin: 0; padding: 0; margin-bottom: 1em; width: 100%; margin-top: 1em; text-align: left; }
dl.w7._check dt { width: auto; float: none; clear: left; padding: 1em 0 0 .8em; color: #222; background: url(../img/ico-left.gif) no-repeat 0 1.4em; }
dl.w7._check dd { padding: 1em 0 1em .8em; border-bottom: 1px solid #d9d9d9; }
dl.w7._check dl { float: none; line-height: 1.6; margin: 0; padding: 0; margin-bottom: .5em; width: 100%; margin-top: 0; border-left: none; padding-left: 0; text-align: left; }
dl.w7._check dl dt { width: auto; float: none; clear: left; padding: 0 0 0 .8em; color: #222; background: url(../img/ico-left2.gif) no-repeat center left; }
dl.w7._check dl dd { padding: 0 0 0 .8em; border-bottom: 1px dotted #d9d9d9; margin-bottom: .8em; }
dl.w7._check dl dd:last-child { padding: .8em 0 0 .8em; border-bottom: none; }
dl.w7._check dt .font-m { display: inline-block; margin-top: 1em; }
.submit-btn { margin-bottom: 70px; width: 100%; }
.submit-btn:hover { opacity: 0.8; }
.entry-form { margin-bottom: 40px; }
.entry-form .inquiry h3 { text-align: left; font-size: 6vw; color: #2e8b58; padding-bottom: .3em; }
.entry-form .inquiry h3::after { content: attr(data-label); }
.entry-form .inquiry h3 img { display: none; }
}