@charset "utf-8";
/* ------------------------------------------------------------ common */
.application_btn { text-align: center; }
.application_btn a { background: url(../images/btn_00.png) no-repeat center center; padding: 21px 78px; font-size: 16px; color: #fffef7; line-height: 100%; border-radius: 50px; }
/* ------------------------------------------------------------ header */
#header { padding: 20px 0; }
#header .logo_h { float: left; padding: 10px 0 0; }
#header .logo_h a { font-size: 12px; font-weight: bold; }
#header .logo_h a img { display: inline-block; *display: inline; *zoom: 1; padding: 0 15px 0 0; }
#header .tel_h { float: right; }
#header .tel_h a strong { background: url(../images/tel.png) no-repeat left center; padding: 4px 0 4px 55px; display: block; font-size: 36px; font-weight: bold; line-height: 100%; }
#header .tel_h a span { display: block; font-size: 14px;  float: right;}/*float:right追加190419 */

/* ------------------------------------------------------------ fv */
#fv { background: url(../images/fv.jpg) no-repeat center center; background-size: cover; }
#fv p { text-align: center; }
#fv p img { width: 80%; height: auto; }
#fv .topbtn img { width: 55px; height: auto; position: fixed; right: 50px; bottom: 30px; z-index: 999;}

/* ------------------------------------------------------------ about */
#about { background: url(../images/sv.jpg) no-repeat center bottom; background-size: cover; padding: 150px 0 370px; }
#about h3 { font-size: 36px; text-align: center; line-height: 130%; letter-spacing: 2px; text-indent: 2px; font-family: "fot-tsukuardgothic-std"; font-weight: bold; }
#about .about { font-size: 16px; text-align: center; line-height: 220%; letter-spacing: 2px; text-indent: 2px; padding: 50px 0 0; font-family: 'Noto-Sans-JP-Medium'; }
#about .application_btn { padding: 90px 0 0; }
/* ------------------------------------------------------------ flow */
#flow { padding: 85px 0 135px; }
#flow h3 { background: url(../images/textbox_00.png) no-repeat 247px 8px; padding: 42px 0; font-size: 35px; text-align: center; color: #fff; font-family: "fot-tsukuardgothic-std"; font-weight: bold; }
#flow .flowbox { width: 1070px; margin: 0 auto; padding: 40px 0 30px; }
#flow .flowbox .bgbox { float: left; background: url(../images/arrow_00.png) no-repeat right 75px; width: 310px; min-height: 300px; padding: 0 34px 0 16px; }
#flow .flowbox .first { padding: 0 34px 0 0; }
#flow .flowbox .flow6 { background: none; padding: 0 34px 0 16px; }
#flow .flowbox .bgbox img { padding: 0 0 20px; }
#flow .flowbox .bgbox h4 { font-size: 18px; color: #f08300; border-bottom: solid 2px #006a07; line-height: 100%; padding: 10px 0; }
#flow .flowbox .bgbox h4 span { background: #006a07; margin: 0 15px 0 0; padding: 10px; font-size: 18px; color: #fff; line-height: 100%; }
#flow .flowbox .bgbox p { font-size: 16px; line-height: 170%; padding: 15px 0 45px; }

/* ------------------------------------------------------------ photogallery */
#photogallery { padding: 0 0 130px; }
#photogallery .photogallery_top { width: 100%; height: auto; padding: 0 0 120px; }
#photogallery h3 { padding: 0 0 20px; font-size: 50px; color: #116735; text-align: center; line-height: 130%; letter-spacing: 14px; text-indent: 14px; font-family: 'quicksandbold'; }
#photogallery h3 span { display: block; font-size: 16px; letter-spacing: 2px; text-indent: 2px;  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; }
#photogallery .photo { text-align: center; }
#photogallery .photo img { width: 100%; height: auto; max-width: 1400px; }
#photogallery .application_btn { margin: 50px auto 0; }

/* ------------------------------------------------------------ requirements */
#requirements { padding: 0 0 65px; }
#requirements .bgbox { background: #006a07; color: #fff; padding: 75px 0 90px; }
#requirements .bgbox .bginner { width: 1010px; margin: 0 auto; }
#requirements .bgbox .bginner h3 { font-size: 50px; text-align: center; line-height: 100%; letter-spacing: 12px; text-indent: 12px; font-family: 'quicksandbold'; }
#requirements .bgbox .bginner h3 span { display: block; font-size: 16px; letter-spacing: 2px; text-indent: 2px;  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; }
#requirements .bgbox .bginner .comment { background: url(../images/textbox_01.png) no-repeat left center; font-size: 18px; box-sizing: border-box; -webkit-box-sizing: border-box; width: 781px;
margin: 30px auto 50px; padding: 20px 0 27px 210px; line-height: 140%; }
#requirements .bgbox .bginner dl {  padding: 0; }
#requirements .bgbox .bginner dl dt,
#requirements .bgbox .bginner dl dd { text-align: left; font-size: 16px; }
#requirements .bgbox .bginner dl dt { float: left; padding: 20px 18px 16px; }
#requirements .bgbox .bginner dl dd { padding: 20px 18px 16px 160px; }
#requirements .bgbox .bginner dl .color { background: #1b811f; }
#requirements h4 { background: url(../images/btn_01.png) no-repeat center center; margin: 65px auto 30px; padding: 6px 0; font-size: 33px; text-align: center; color: #fff; }
#requirements .please { padding: 0 0 25px; font-size: 22px; text-align: center; }
#requirements .date { overflow: hidden; width: 835px; margin: 0 auto 0; padding: 0 0 20px; }
#requirements .date li { margin: 20px 0 0 -2px; padding: 0 15px; float: left; width: 135px; border-left: solid 2px #e7e7e7; font-size: 27px; color: #ba0202; font-weight: bold; text-align: center; }
#requirements .date li span { font-size: 44px; font-weight: bold; line-height: 100%; }
#requirements .date li small { font-size: 22px; }
#requirements table { width: 950px; margin: 0 auto; padding: 45px 0 0; }
#requirements table tr { }
#requirements table th { background: #8fc31f; width: 155px; padding: 10px 0; font-size: 27px; color: #fff; border: 1px solid #fff; line-height: 100%; font-weight: bold; }
#requirements table th span { font-size: 44px; line-height: 100%; }
#requirements table th small { font-size: 23px; line-height: 100%; }
#requirements table td { background: #e5e3d0; width: 155px; height: 44px; font-size: 26px; color: #eb6100; text-align: center; line-height: 100%; border: 1px solid #fff; }
#requirements table .time { background: #8fc31f; font-size: 27px; color: #fff; font-weight: bold; }
#requirements .application_btn { padding: 70px 0 0; }

/* ------------------------------------------------------------ access */
#access { background: url(../images/bar.gif) no-repeat center top; padding: 150px 0 270px; }
#access .access_inner { width: 980px; margin: 0 auto; }
#access h3 { padding: 0 0 20px; font-size: 50px; color: #116735; text-align: center; line-height: 100%; letter-spacing: 14px; text-indent: 14px; font-family: 'quicksandbold'; }
#access h3 span { display: block; font-size: 16px; letter-spacing: 2px; text-indent: 2px;  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; }
#access .address { font-size: 16px; text-align: center; }
#access .map { text-align: center; padding: 0 0 35px; }
#access .map a { display: block; width: 140px; margin: 0 auto; padding: 0 25px 0 0; background: url(../images/map_icn.png) no-repeat right center; font-size: 16px; color: #116735; }
#access .googlemap { position: relative; width: 100%; height: 0; padding: 12% 0 11%; }
#access .googlemap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 350px; }

/* ------------------------------------------------------------ contact */

#contact { background: url(../images/contact_bg.jpg) no-repeat center center; background-size: cover; padding: 85px 0 60px; }
#contact h3 { padding: 0 0 40px; font-size: 50px; color: #fff; text-align: center; line-height: 100%; letter-spacing: 14px; text-indent: 14px; font-family: 'quicksandbold'; }
#contact h3 span { display: block; font-size: 16px; letter-spacing: 2px; text-indent: 2px;  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; }
.contact-inner { background: #fff; width: 850px; margin: 0 auto; }
.contact-inner .contact-no { margin: 0 auto 2px; padding: 15px 0; border-bottom: solid 2px #95815d;  }
.contact-inner .contact-no div { float: left; text-align: center; }
.contact-inner .contact-no div h4 { color: #006a07; font-size: 18px; font-weight: bold; }
.contact-inner .contact-no div p.num { font-size: 25px; font-weight: bold; font-family: 'Helvetica'; line-height: 100%; }
.contact-inner .contact-no div p.num a { font-size: 24px; font-weight: bold; line-height: 100%; }
.contact-inner .contact-no div p.num span { font-size: 38px; font-weight: bold; line-height: 100%; }
.contact-inner .contact-no div p.hours { font-weight: bold; font-size: 14px; color: #412111; }
.contact-inner .contact-no div.tel { width: 350px; padding: 31px 0; color: #006a07; }
.contact-inner .contact-no div.tel2 { width: 499px; padding: 15px 0; border-left: 1px solid #006a07; }
.contact-inner .form { text-align: center; padding: 35px 82px 45px; font-family:"ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; }
.contact-inner .form span { color: #f0000e; }
.contact-inner .form p.caution { text-align: center; font-size: 14px; background: #f3f3f3; padding: 25px 0 30px; }
.contact-inner .form form { padding: 60px 0 0; }
.contact-inner .form table { width: 100%; font-size: 14px; text-align: left; }
.contact-inner .form table tr th { width: 30%; font-weight: bold; vertical-align: middle; text-align: left; }
.contact-inner .form table tr td { width: 70%; padding: 11px 0; }
.contact-inner .form table tr td input[type="text"],
.contact-inner .form table tr textarea { border: none; width: 94%; padding: 15px 10px; background: #f3f3f3; }
.contact-inner .form table tr textarea { resize: vertical; }
.contact-inner .form table tr td label { padding: 0 20px 0 0; }
.contact-inner .form table tr td label input { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 4px 10px 0 0; }
.contact-inner .form p.btn { padding: 35px 0; }
.contact-inner .form p.btn input[type="submit"] { background: #006a07; color: #fff; line-height: 48px; height: 48px; width: 260px; font-size: 14px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.contact-inner .form p.btn a { background: #006a07; color: #fff; line-height: 48px; height: 48px; width: 260px; vertical-align: top; font-size: 14px; }
.contact-inner .form p.alert { padding: 30px 0 0; }
.contact-inner .form p.alert span { display: block; }
.contact-inner .form h4 { color: #00a8e7; font-size: 26px; font-weight: bold; padding: 0 0 20px;  }
.contact-inner .form .confirm { font-size: 14px; padding: 10px 0 0; }

/* ------------------------------------------------------------ エラー画面 */

.note { background: url(../images/contact_bg.jpg) no-repeat center center; background-size: cover; text-align: center; padding: 70px 0; }
.note .notebox { background: #fff; width: 650px; margin: 0 auto; padding: 70px; }
.note h3 { font-size: 26px; padding: 0 0 5px; }
.note h5 { font-size: 26px; padding: 0 0 40px; }
.note .alert { padding: 0; }
.note .alert span { display: block; color: #ff0000; padding: 5px 0 0; }
.note .btn { padding: 60px 0 0; }
.note .btn a {  display: inline-block; *display: inline; *zoom: 1;  width: 260px; margin: 0 10px 0 0; line-height: 50px;  color: #fff; background: #006a07; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

/*-------------------------------------------------------------------------------------------------  確認画面 */

.note h5 { padding: 0 0 20px; font-size: 26px; }
.note p { font-size: 16px; padding: 0 0 40px; }
.note .al { font-size: 12px; }
.note table { font-size: 16px; }
.note table th { text-align: left; padding: 10px 0 0; width: 215px; vertical-align: top; }
.note table td { text-align: left; }
.note input[type="submit"] { color: #fff; font-size: 14px; margin: 0 auto 0; line-height: 50px; width: 260px; background: #f08300; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

/* ------------------------------------------------------------ bnr */
.bnr { text-align: center; padding: 40px 0; }

/* ------------------------------------------------------------ footer */
#footer { background: #f2f1e3; padding: 40px 0 20px; }
#footer .logo_f { text-align: center; padding: 0 0 15px; }
#footer .company { font-size: 14px; text-align: center; letter-spacing: 2px; text-indent: 2px; padding: 0 0 30px; }
#footer .address_f { font-size: 16px; text-align: center; line-height: 100%; letter-spacing: 2px; text-indent: 2px; padding: 0 0 10px; }
#footer .tel_f { text-align: center; letter-spacing: 2px; text-indent: 2px; padding: 0 0 40px; }
#footer .tel_f a { font-size: 16px; letter-spacing: 2px; text-indent: 2px; line-height: 100%; }
#footer .copyright { font-size: 12px; letter-spacing: 1px; text-indent: 1px; text-align: center; }








/* --------------------------------------------------------------------- mobile ------------------------------------------------------------ */

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

/* ------------------------------------------------------------ common */
.application_btn { }
.application_btn a { display: block; width: 200px; margin: 0 auto; padding: 15px 0; background: #006a07; border-radius: 50px; font-size: 16px; color: #fffef7; }

/* ------------------------------------------------------------ header */
#header { position: fixed; width: 100%; background: #fff; padding: 3% 0; z-index: 999; }
#header .logo_h { float: left; padding: 1% 0 0; text-align: center; }
#header .logo_h a { font-size: 10px; font-weight: bold; line-height: 130%; }
#header .logo_h a img { display: block; width: 100px; height: auto; margin: 0 auto; padding: 0 0 5px; }
#header .application_btn { float: right; padding: 0 0; }
#header .application_btn a { width: 150px; padding: 15px 0; border-radius: inherit; font-size: 14px; }

/* ------------------------------------------------------------ fv */
#fv { background: none; padding: 64px 0 15%; }
#fv p img { width: 100%; height: auto; }
#fv .tel_h { width: 300px; margin: 0 auto; padding: 6% 0 0; text-align: center; }
    #fv .tel_h a strong { background: url(../images/tel.png) no-repeat 0px center; background-size: 25px auto; padding: 4px 0 4px 20px; display: block; font-size: 24px; font-weight: bold; line-height: 100%; }/*no-repeat 3px center修正190419 */
#fv dl { width: 300px; margin: 0 auto; padding: 10px 0 0;}
#fv dl dt { font-size: 18px; font-weight: bold; text-align: center; line-height: 130%; }
#fv dl dd { font-size: 16px; font-weight: bold; text-align: center; }
#fv .topbtn img { width: 45px; height: auto; position: fixed; right: 10px; bottom: 10px; }

/* ------------------------------------------------------------ about */
#about { background: url(../images/sv.jpg) no-repeat center bottom; background-size: 100%; padding: 0 6% 15%; }
#about h3 { font-size: 22px; line-height: 130%; }
#about .about { font-size: 16px; text-align: left; line-height: 170%; padding: 6% 0 0; }
#about .application_btn { padding: 30px 0 0; }

/* ------------------------------------------------------------ flow */
#flow { padding: 15% 0 24%; }
#flow h3 { background: none; padding: 0; }
#flow h3 img { width: 100%; height: auto; }
#flow .flowbox { width: 100%; margin: 0 auto; padding: 0; }
#flow .flowbox .bgbox { float: none; background: url(../images/arrow_00_sp.png) no-repeat center bottom; width: 100%; min-height: inherit; padding: 8% 0 0; }
#flow .flowbox .first { padding: 8% 0 0; }
#flow .flowbox .flow6 { background: none; padding: 8% 0 0; }
#flow .flowbox .bgbox img { width: 100%; height: auto; padding: 0 0 3%; }
#flow .flowbox .bgbox h4 { font-size: 18px; color: #f08300; border-bottom: solid 2px #006a07; line-height: 100%; padding: 10px 0; }
#flow .flowbox .bgbox h4 span { padding: 10px; font-size: 18px; color: #fff; line-height: 100%; }
#flow .flowbox .bgbox p { font-size: 16px; padding: 3% 0 9%; }

/* ------------------------------------------------------------ photogallery */
#photogallery { padding: 0 3% 15%; }
#photogallery .photogallery_top { width: 100%; height: auto; padding: 0 0 9%; }
#photogallery h3 { padding: 0 0 6%; font-size: 20px; line-height: 140%; letter-spacing: 5px; text-indent: 5px; }
#photogallery h3 span { display: block; font-size: 14px; letter-spacing: 2px; text-indent: 2px; }
#photogallery .photo { text-align: center; }
#photogallery .photo img { width: 100%; height: auto; max-width: inherit; padding: 0 0 9%; }
#photogallery .application_btn { margin: 3% auto 0; }

/* ------------------------------------------------------------ requirements */
#requirements { padding: 0 3% 9%; }
#requirements .bgbox { padding: 9% 6% 6%; }
#requirements .bgbox .bginner { width: 100%; margin: 0 auto; }
#requirements .bgbox .bginner h3 { font-size: 20px; text-align: center; line-height: 140%; letter-spacing: 5px; text-indent: 5px; }
#requirements .bgbox .bginner h3 span { display: block; font-size: 14px; letter-spacing: 2px; text-indent: 2px; }
#requirements .bgbox .bginner .comment { background: none; width: 100%; margin: 0 auto; padding: 6% 0; line-height: 100%; }
#requirements .bgbox .bginner .comment img { width: 100%; height: auto; }

#requirements .bgbox .bginner dl {  padding: 0; }
#requirements .bgbox .bginner dl dt,
#requirements .bgbox .bginner dl dd { text-align: left; }
#requirements .bgbox .bginner dl dt { background: #1b811f; line-height: 100%; float: none; padding: 3%; }
#requirements .bgbox .bginner dl dd { padding: 3% 0 6%; line-height: 150%; font-size: 14px; }
#requirements .bgbox .bginner dl .color { background: none; }

#requirements h4 { background: #116735; border-radius: 15px; margin: 6% auto; padding: 6px 0; font-size: 18px; line-height: 140%; }
#requirements .please { padding: 0 0 25px; font-size: 16px; line-height: 150%; }

#requirements .date { width: 94%; margin: 0 auto; padding: 0 3%; }
#requirements .date li { margin: 0 0 5px; padding: 0; float: left; width: 33%; border-left: none; font-size: 18px; }
#requirements .date li:first-child { border-left: none; }
#requirements .date li span { font-size: 26px; font-weight: bold; line-height: 100%; }
#requirements .date li small { font-size: 16px; }

#requirements table { width: 100%; margin: 0 auto; }
#requirements table tr { }
#requirements table th { width: 16%; padding: 0; font-size: 27px; }
#requirements table th span { font-size: 24px; line-height: 100%; }
#requirements table th small { font-size: 23px; line-height: 100%; }
#requirements table td { background: none; width: inherit; height: inherit; font-size: 26px; color: #eb6100; text-align: center; line-height: 100%; border: none; }
#requirements table .time { background: none; font-size: 27px; color: #fff; font-weight: bold; }

#requirements .table { width: 100%; padding: 0; }
#requirements .table li { width: 94%; padding: 0 3%; color: #000; font-size: 16px; }
#requirements .table .first { width: 94%; background: #8fc31f; color: #fff; margin: 4% auto 2%; padding: 0 3%; font-size: 20px; }
#requirements .table li span { display: inline-block; width: 100px; font-size: 16px; }
#requirements .application_btn { padding: 6% 0 0; }

/* ------------------------------------------------------------ access */
#access { background: url(../images/bar.gif) no-repeat center top; padding: 120px 3% 300px; }
#access .access_inner { width: 100%; margin: 0 auto; }
#access h3 { padding: 0 0 3%; font-size: 20px; letter-spacing: 5px; text-indent: 5px; }
#access h3 span { display: block; font-size: 14px; letter-spacing: 2px; text-indent: 2px; }
#access .address { font-size: 16px; text-align: center; }
#access .map { text-align: center; padding: 0 0 6%; }
#access .map a { display: block; width: 150px; margin: 0 auto; padding: 0 25px 0 0; background: url(../images/map_icn.png) no-repeat right center; font-size: 16px; color: #116735; }
#access .googlemap { position: relative; width: 100%; height: auto; padding: 12% 0 11%; }
#access .googlemap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 350px; }

/* ------------------------------------------------------------ contact */

#contact { padding: 40px 0 30px; }
#contact h3 { font-size: 20px; letter-spacing: 5px; text-indent: 5px; padding: 0 0 30px; }
#contact h3 span { font-size: 14px; letter-spacing: 2px; text-indent: 2px; padding: 0; }
.contact-inner { width: 94%; }
.contact-inner .contact-no { padding: 0; }
.contact-inner .contact-no div { width: 90% !important; float: none; margin: 0 auto; padding: 0; border: none; }
.contact-inner .contact-no div.tel { border-right: none; border-bottom: 1px solid #006a07; padding: 6% 0; }
.contact-inner .contact-no div.tel2 { border: none; }
.contact-inner .contact-no div h4 { font-size: 16px; line-height: 120%; }
.contact-inner .contact-no div p.num { font-size: 16px; }
.contact-inner .contact-no div p.num a,
.contact-inner .contact-no div p.num span { font-size: 25px; }
.contact-inner .contact-no div p.hours { font-size: 12px; line-height: 120%; }
.contact-inner .form { padding: 20px 6%; }
.contact-inner .form form { padding: 30px 0 0; }
.contact-inner .form p.caution { padding: 15px 6%; text-align: left; font-size: 12px; }
.contact-inner .form table tr th { width: 100%; display: block; }
.contact-inner .form table tr td { width: 100%; display: block; padding: 8px 0 11; }
.contact-inner .form table tr td select { width: 100%; padding: 10px;}
.contact-inner .form table tr td .age { width: 30%; }
.contact-inner .form table tr td input[type="text"],
.contact-inner .form table tr textarea { border: none; width: 94%; padding: 10px 10px; background: #f3f3f3; }
.contact-inner .form p.btn input[type="submit"],
.contact-inner .form p.btn a { height: 40px; line-height: 40px; width: 80%; max-width: 240px;  margin-bottom: 10px;}
.contact-inner .form h4 { padding: 20px 0; font-size: 24px; }
.contact-inner .form p.alert span { font-size: 14px; text-align: center; }
.contact-inner .form p.alert { font-size: 14px;  text-align: left; }

/* ------------------------------------------------------------ エラー画面 */

.note { width: 88%; text-align: center; padding: 0; }
.note .notebox { width: 100%; padding: 26% 0 0; }
.note h3 { font-size: 20px; padding: 0 0 5px; }
.note h5 { font-size: 26px; padding: 0 0 40px; }
.note .alert { padding: 0; }
.note .alert span { display: block; color: #ff0000; padding: 5px 0 0; }
.note .btn { padding: 30px 0 0; }
.note .btn a {  display: block; width: 250px; margin: 0 auto 6%; line-height: 45px; color: #fff; background: #006a07; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

/*-------------------------------------------------------------------------------------------------  確認画面 */

.note { width: 88%; margin: 0 auto 30px; }
.note h5 { padding: 0 0 20px; font-size: 20px; }
.note p { font-size: 14px; padding: 0 0 3%; }
.note table { font-size: 16px; width: 100%; }
.note table th { padding: 10px 3%; width: 94%; margin: 0 auto; border: none; display: block; background: #d9e7e4; }
.note table td { display: block; border: none; padding: 10px 3%; width: 94%; margin: 0 auto; }
.note input[type="submit"] { color: #fff; font-size: 14px; margin: 0 auto; line-height: 45px; width: 250px; background: #f08300; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }


/* ------------------------------------------------------------ bnr */
.bnr { text-align: center; padding: 6% 3%; }
.bnr img { width: 100%; height: auto; }
/* ------------------------------------------------------------ footer */
#footer { padding: 9% 3%; }
#footer .logo_f { text-align: center; padding: 0 0 10px; }
#footer .logo_f img { width: 150px; height: auto; padding: 0; }
#footer .company { font-size: 14px; padding: 0 0 15px; }
#footer .address_f { font-size: 14px; text-align: center; line-height: 150%; letter-spacing: 2px; text-indent: 2px; padding: 0 0 5px; }
#footer .tel_f { letter-spacing: 2px; text-indent: 2px; padding: 0 0 15px; }
#footer .tel_f a { font-size: 16px; letter-spacing: 2px; text-indent: 2px; line-height: 100%; }
#footer .copyright { font-size: 12px; line-height: 150%; }



}