@charset "utf-8";

/*---------------------------------------------
 サイトガイドライン
---------------------------------------------*/
/*
リンクテキスト青：#086aaf
通常テキスト黒：#333
サイト幅：960px
行間：1.5
基本フォントサイズ：14px
*/

/*---------------------------------------------
 検証用
---------------------------------------------*/
/*
#wrap:before {
    content:"";
    position: absolute;
    background: url(../images/bg/about.jpg) center top no-repeat;
    height: 2807px;
    width: 1280px;
    top: 0;
    left: 50%;
    margin-left: -640px;
    z-index: 3;
    opacity: 0.5;
}
/*
#wrap .section{background: none!important;}
*/
/*---------------------------------------------
 custom
---------------------------------------------*/

*,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a { text-decoration: none; color: #086aaf;}a:hover,a:active { text-decoration: underline; opacity: 0.7;
    transition: all 0.3s;}
html,body { height: 100%; font-size:16px; line-height: 1.5; color: #333; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} /*$行間*/ html {/*overflow: auto;*/ }
body {overflow-x: hidden;  -webkit-text-size-adjust: 100%; }
.wrapInner{ overflow: hidden; margin: 0 auto; max-width: 1080px;}
/*---------------------------------------------
 generic  class
---------------------------------------------*/
.txtB { font-weight: bold; }.txtN { font-weight: normal; }
.layoutC { text-align: center; }.layoutL { text-align: left; }.layoutR { text-align: right; }
.ov{overflow: hidden;}.fl{float: left;}.fr{float: right;}
.w5p{ width: 5%!important;}.w10p{ width: 10%!important;}.w15p{ width: 15%!important;}.w20p{ width: 20%!important;}.w25p{ width: 25%!important;}.w30p{ width: 30%!important;}.w35p{ width: 35%!important;}.w40p{ width: 40%!important;}.w45p{ width: 45%!important;}.w50p{ width: 50%!important;}.w55p{ width: 55%!important;}.w60p{ width: 60%!important;}.w65p{ width: 65%!important;}.w70p{ width: 70%!important;}.w75p{ width: 75%!important;}.w80p{ width: 80%!important;}.w85p{ width: 85%!important;}.w90p{ width: 90%!important;}.w95p{ width: 95%!important;}.w100p{ width: 100%!important;}
.wmax{ width: 100%!important; height: auto!important;}

/*---------------------------------------------
 base margin
---------------------------------------------*/
.mt0 { margin-top: 0px !important; }.mt5 { margin-top: 5px !important; }.mt10 { margin-top: 10px !important; }.mt15 { margin-top: 15px !important; }.mt20 { margin-top: 20px !important; }.mt25 { margin-top: 25px !important; }.mt30 { margin-top: 30px !important; }.mt40 { margin-top: 40px !important; }.mt50 { margin-top: 50px !important; }.mt60 { margin-top: 60px !important; }.mt70 { margin-top: 70px !important; }.mt80 { margin-top: 80px !important; }
.ml0 { margin-left: 0px !important; }.ml5 { margin-left: 5px !important; }.ml10 { margin-left: 10px !important; }.ml15 { margin-left: 15px !important; }.ml20 { margin-left: 20px !important; }.ml30 { margin-left: 30px !important; }.ml40 { margin-left: 40px !important; }
.mr0 { margin-right: 0px !important; }.mr5 { margin-right: 5px !important; }.mr10 { margin-right: 10px !important; }.mr15 { margin-right: 15px !important; }.mr20 { margin-right: 20px !important; }.mr25 { margin-right: 25px !important; }.mr30 { margin-right: 30px !important; }.mr40 { margin-right: 40px !important; }
.mb0 { margin-bottom: 0px !important; }.mb5 { margin-bottom: 5px !important; }.mb10 { margin-bottom: 10px !important; }.mb15 { margin-bottom: 15px !important; }.mb20 { margin-bottom: 20px !important; }.mb25 { margin-bottom: 25px !important; }.mb30 { margin-bottom: 30px !important; }.mb40 { margin-bottom: 40px !important; }.mb50 { margin-bottom: 50px !important; }.mb60 { margin-bottom: 60px !important; }.mb70 { margin-bottom: 70px !important; }.mb80 { margin-bottom: 80px !important; }

.pt0 { padding-top: 0px !important; }.pt5 { padding-top: 5px !important; }.pt10 { padding-top: 10px !important; }.pt15 { padding-top: 15px !important; }.pt20 { padding-top: 20px !important; }.pt25 { padding-top: 25px !important; }.pt30 { padding-top: 30px !important; }.pt40 { padding-top: 40px !important; }.pt50 { padding-top: 50px !important; }.pt60 { padding-top: 60px !important; }.pt70 { padding-top: 70px !important; }.pt80 { padding-top: 80px !important; }
.pl0 { padding-left: 0px !important; }.pl5 { padding-left: 5px !important; }.pl10 { padding-left: 10px !important; }.pl15 { padding-left: 15px !important; }.pl20 { padding-left: 20px !important; }.pl30 { padding-left: 30px !important; }.pl40 { padding-left: 40px !important; }
.pr0 { padding-right: 0px !important; }.pr5 { padding-right: 5px !important; }.pr10 { padding-right: 10px !important; }.pr15 { padding-right: 15px !important; }.pr20 { padding-right: 20px !important; }.pr25 { padding-right: 25px !important; }.pr30 { padding-right: 30px !important; }.pr40 { padding-right: 40px !important; }
.pb0 { padding-bottom: 0px !important; }.pb5 { padding-bottom: 5px !important; }.pb10 { padding-bottom: 10px !important; }.pb15 { padding-bottom: 15px !important; }.pb20 { padding-bottom: 20px !important; }.pb25 { padding-bottom: 25px !important; }.pb30 { padding-bottom: 30px !important; }.pb40 { padding-bottom: 40px !important; }.pb50 { padding-bottom: 50px !important; }.pb60 { padding-bottom: 60px !important; }.pb70 { padding-bottom: 70px !important; }.pb80 { padding-bottom: 80px !important; }

.w5p{ width: 5%!important;}.w8p{ width: 8%!important;}.w10p{ width: 10%!important;}.w11p{ width: 11%!important;}.w12p{ width: 12%!important;}.w15p{ width: 15%!important;}.w20p{ width: 20%!important;}.w25p{ width: 25%!important;}.w30p{ width: 30%!important;}.w35p{ width: 35%!important;}.w40p{ width: 40%!important;}.w45p{ width: 45%!important;}.w50p{ width: 50%!important;}.w55p{ width: 55%!important;}.w60p{ width: 60%!important;}.w65p{ width: 65%!important;}.w70p{ width: 70%!important;}.w75p{ width: 75%!important;}.w80p{ width: 80%!important;}.w85p{ width: 85%!important;}.w90p{ width: 90%!important;}.w95p{ width: 95%!important;}.w100p{ width: 100%!important;}
.wmax{ width: 100%!important; height: auto!important;}

.fz10{ font-size: 71.43%; }.fz11{ font-size: 78.57%; }.fz12{ font-size: 85.71%; }.fz14{ font-size: 100%; }.fz16{ font-size: 114.29%; }.fz18{ font-size: 128.57%; }.fz20{ font-size: 142.86%; }.fz22{ font-size: 157.14%; }.fz24{ font-size: 171.43%; }.fz26{ font-size: 185.71%; }.fz28{ font-size: 200%; }.fz30{ font-size: 214.29%; }.fz32{ font-size: 228.57%; }.fz34{ font-size: 242.86%; }.fz36{ font-size: 257.14%; }.fz38{ font-size: 271.43%; }.fz40{ font-size: 285.71%; }.fz42{ font-size: 300%; }.fz44{ font-size: 314.29%; }.fz46{ font-size: 328.57%; }.fz48{ font-size: 342.86%; }

.max1280{ max-width: 1280px!important; }
.max1024{ max-width: 1024px!important; }
.max960{ max-width: 960px!important; }
.max800{ max-width: 800px!important; }
.max600{ max-width: 600px!important; }
.max500{ max-width: 500px!important; }
.max400{ max-width: 400px!important; }
.max300{ max-width: 300px!important; }
.max200{ max-width: 200px!important; }

/*---------------------------------------------
 grid system
---------------------------------------------*/
.grid {margin: 0 auto;overflow: hidden;padding-right: 0;}
.grid:after {content: "";display: table;clear: both;}
.colNum {float: left;min-height: 1px;}.push_right { float: right }
.grid.inline{ letter-spacing: -0.4em; text-align: center; }
.grid.inline .colNum{ float: none; display: inline-block; vertical-align: middle; letter-spacing: normal;}
.gd_0 { margin-right: -0px; margin-bottom: -0px;}.gd_1 { margin-right: -1px; margin-bottom: -1px;}.gd_8 { margin-right: -8px; margin-bottom: -8px;}.gd_10 { margin-right: -10px; margin-bottom: -10px;}.gd_15 { margin-right: -15px; margin-bottom: -15px;}.gd_16 { margin-right: -16px; margin-bottom: -16px;}.gd_20 { margin-right: -20px; margin-bottom: -20px;}.gd_24 { margin-right: -24px; margin-bottom: -24px;}.gd_25 { margin-right: -25px; margin-bottom: -25px;}.gd_30 { margin-right: -30px; margin-bottom: -30px;}.gd_40 { margin-right: -40px; margin-bottom: -40px;}.gd_50 { margin-right: -50px; margin-bottom: -50px;}.gd_60 { margin-right: -60px; margin-bottom: -60px;}
.gd_0 .colNum {margin-bottom: 0; padding-right: 0;}.gd_1 .colNum {margin-bottom: 1px; padding-right: 1px;}.gd_8 .colNum {margin-bottom: 8px; padding-right: 8px;}.gd_10 .colNum {margin-bottom: 10px; padding-right: 10px;}.gd_15 .colNum {margin-bottom: 15px; padding-right: 15px;}.gd_16 .colNum {margin-bottom: 16px; padding-right: 16px;}.gd_20 .colNum {margin-bottom: 20px; padding-right: 20px;}.gd_24 .colNum {margin-bottom: 24px; padding-right: 24px;}.gd_25 .colNum {margin-bottom: 25px; padding-right: 25px;}.gd_30 .colNum {margin-bottom: 30px; padding-right: 30px;}.gd_40 .colNum {margin-bottom: 40px; padding-right: 40px;}.gd_60 .colNum {margin-bottom: 60px; padding-right: 60px;}.gd_60 .colNum {margin-bottom: 60px; padding-right: 60px;}
.grid.border .colNum{border-right: 1px solid rgba(0,0,0,0.2);/*$カラム間ボーダー*/}
.grid.border.gd_8 { margin-right: -4px; margin-left: -4px; margin-bottom: -8px;}.grid.border.gd_10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px;}.grid.border.gd_15 { margin-right: -7px; margin-left: -7px; margin-bottom: -15px;}.grid.border.gd_20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px;}.grid.border.gd_25 { margin-right: -12px; margin-left: -12px; margin-bottom: -25px;}.grid.border.gd_30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px;}.grid.border.gd_40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px;}
.grid.border.gd_10 .colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.grid.border.gd_10 .colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.grid.border.gd_15 .colNum {margin-bottom: 15px; padding-right: 7px; padding-left: 7px; }.grid.border.gd_16 .colNum {margin-bottom: 16px; padding-right: 8px; padding-left: 8px; }.grid.border.gd_20 .colNum {margin-bottom: 20px; padding-right: 10px; padding-left: 10px; }.grid.border.gd_24 .colNum {margin-bottom: 24px; padding-right: 12px; padding-left: 12px; }.grid.border.gd_25 .colNum {margin-bottom: 25px; padding-right: 12px; padding-left: 12px; }.grid.border.gd_30 .colNum {margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }.grid.border.gd_40 .colNum {margin-bottom: 40px; padding-right: 20px; padding-left: 20px; }
.col_1_1 { width: 100% }.col_2_3,.col_8_12 { width: 66.66% }.col_1_2,.col_6_12 { width: 50% }.col_1_3,.col_4_12 { width: 33.33% }.col_1_4,.col_3_12 { width: 25% }.col_1_5 { width: 20% }.col_1_6,.col_2_12 { width: 16.667% }.col_1_7 { width: 14.28% }.col_1_8 { width: 12.5% }.col_1_9 { width: 11.1% }.col_1_10 { width: 10% }.col_1_11 { width: 9.09% }.col_1_12 { width: 8.33% }.col_11_12 { width: 91.66% }.col_10_12 { width: 83.333% }.col_9_12 { width: 75% }.col_5_12 { width: 41.66% }.col_7_12 { width: 58.33% }
.push_2_3,.push_8_12 { margin-left: 66.66% }.push_1_2,.push_6_12 { margin-left: 50% }.push_1_3,.push_4_12 { margin-left: 33.33% }.push_1_4,.push_3_12 { margin-left: 25% }.push_1_5 { margin-left: 20% }.push_1_6,.push_2_12 { margin-left: 16.667% }.push_1_7 { margin-left: 14.28% }.push_1_8 { margin-left: 12.5% }.push_1_9 { margin-left: 11.1% }.push_1_10 { margin-left: 10% }.push_1_11 { margin-left: 9.09% }.push_1_12 { margin-left: 8.33% }
.colInner{height: 100%;}

.tabl_w{display: table; width: 100%;}
.tabl_c{display: table-cell; vertical-align: middle;}
/*---------------------------------------------
 wrap
---------------------------------------------*/
#wrap{  position: relative; height: auto !important; height: 100%; min-height: 100%; -webkit-font-smoothing: antialiased;}
/*---------------------------------------------
 header
---------------------------------------------*/
#header{position:relative;  z-index: 100; background: #f2f2f2;}
#header .headerContentsWrap{ display: table;width: 100%;}
#header .headerContentsWrap .siteId,
#header .headerContentsWrap .headerContents{ display: table-cell; vertical-align: middle;}
#header .headerContentsWrap .siteId{ width: 43%; border-bottom: 1px solid #fff;}
#header .headerContentsWrap .siteId a{    display: block; padding: 20px 40px; width: 100%;}
#header .headerContentsWrap .siteId a:hover{ background:rgba(255,255,255,0.2);}


/*---------------------------------------------
 gnav
---------------------------------------------*/
#gnav{}
#gnav .parentList{ display: table; width: 100%; }
#gnav .parentList>li{ display: table-cell; text-align: center; vertical-align: middle;border-left:solid #fff 1px; border-bottom:solid #fff 1px;box-sizing: border-box;position:relative;}
.w18{ width:18%; }
#gnav .parentList>li>a{ display: table-cell; width: 1000px;  height: 80px; vertical-align: middle;}
#gnav .parentList>li>a,#gnav .parentList>li>a{ display: table-cell; width: 1000px; height: 80px; vertical-align: middle;}
#gnav .parentList>li>a:hover{   background:rgba(255,255,255,0.2); }
#gnav .parentList>li:last-child{    background:rgba(55,96,48,0.3); }

/*---------------------------------------------
 mainVisual
---------------------------------------------*/
#mainVisual { position:relative; z-index: 1; text-align: center; background: url(../images/bg_content.png);}
#mainVisual img{  max-width: 100%; height: auto;}
#mainVisual.characteristics{width:100%; background: #bcdee8;}
#mainVisual.characteristics p{ width:1280px; height: 560px; margin:0 auto;}

/*---------------------------------------------
 footer
---------------------------------------------*/
#footer {  position: relative;z-index: 100; font-size: 10px;}
.footerContents{padding: 10px;}
.footerBottom{ padding: 15px 0;}
.footerContents .siteNavList li{display: inline-block; padding: 0 10px;}
.pageTopWrap p{ padding: 10px 0; overflow: hidden; position:fixed;     right: 18px; bottom: 106px; z-index: 10;}
.pageTopWrap #page-top-btn{cursor: pointer; float: right; display: block; text-indent: -9999px; background: url(../images/btn_pagetop.png) no-repeat center; width: 74px; height: 74px; }
.footerContents  .copyrightWrap .privacy a{color: #999999; }
.footerContents  .copyrightWrap .privacy a:link{color: #999999; }
.footerContents .footerWrap{overflow: hidden; } .footerContents .siteNavWrap{overflow: hidden; width:50%; float:left; padding-left: 40px }
.footerContents .siteNavWrap .footerLogo{float: left; margin-right: 20px; }
.footerContents .siteNavWrap .addressText{width:480px; }
.footerContents .siteNavWrap .addressText p{font-size: 13px; font-weight: bold; letter-spacing: 0.05em; }
.footerContents  .copyrightWrap{color:#333; text-align: center; }
.footerContents .copyrightWrap .privacy{font-size: 13px; letter-spacing : 0.05em ; display:inline-block;}
.footerContents .copyrightWrap .copyR{font-size: 11px; font-weight: bold; display:inline-block;} 
.footerContents .copyrightWrap .privacy span{padding:0 8px; }

/*---------------------------------------------
 module
 ---------------------------------------------*/
.hdWrap{overflow: hidden;}
.hdWrap .hd02{ float: left; }
.hdWrap .moreLink{ float: right; padding: 5px 0;}
.hd02 .ttl{ font-size: 143%; }
.hd03 .ttl{ font-size: 129%; }
.normalLink {color: #005adb; padding-left: 10px;background: url(../images/arr_normal_link.png) no-repeat left center;}
.pcOnly{display: block!important;}
img.pcOnly{display: inline-block!important;}
.spOnly{display: none!important;}
 .textContent .hdWrap{float: left; }


.txt_color{color: #208f42;}
.bd_box{background: url(../images/bg_solid.png); padding: 4px; height: 100%;}
.bd_box .icon{ text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
}
.bd_box .ttl{ text-align: center; font-size: 185.71%; margin-top: 10px; font-weight: bold; margin-bottom: 20px;}
.bd_box .ttl .mini{ font-size: 61.54%; }
.bd_box .con>ol>li{margin-left: 1.25em; margin-bottom: 2px; position: relative; list-style-type:decimal;}
.bd_box_inner{padding: 25px 15px; background:#fff ; height: 100%;}

.hd_02{font-size: 187.5%; font-weight: bold; margin-top: 50px; margin-bottom: 20px; text-align: center;}
.bd_list{padding: 25px 20px; background: #fff; border: 1px solid #cccccc;}
.bd_list li{ padding: 20px 5px 0; border-top: 1px solid #ccc; margin-top: 20px;}
.bd_list li:first-child{ margin-top: 0; border-top: none; padding-top: 0;}
.bd_list dt{font-size: 162.5%; font-weight: bold; margin-bottom: 10px;}
.bd_list dt .icon{ display: inline-block;margin-right: 10px; vertical-align: middle; }
.bd_list dt .icon img{vertical-align: middle;}
.bd_list dt .txt{display: inline-block; vertical-align: middle;}

/*---------------------------------------------
 top
 ---------------------------------------------*/

.contents{}
.contents .wrapInner.over{overflow:visible; }
.contents .wrapInner.over .linkList{margin:0 auto; padding-top:30px; position:relative; z-index: 2; }
.contents .wrapInner .linkList ul{overflow: hidden; width:1110px; margin:0 auto; }
.contents .wrapInner .linkList li{float: left; margin:6px 8px; background:#fff; }
.contents .wrapInner .linkList li img{box-shadow:1px 1px 3px 2px  rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 3px 2px  rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 3px 2px  rgba(0,0,0,0.2); }
.contents .wrapInner .linkList .infoArea{margin:0 98px 15px 93px;padding:10px;background:rgba(255,255,255,0.8);}
.contents .wrapInner .linkList .infoArea a{color:#3f886c;}
.contents .wrapInner .linkList .infoArea dt{font-weight:bold;float:left;}

/*---------------------------------------------
 characteristics
 ---------------------------------------------*/
#gnav .parentList .navCur:before{content:""; height:2px; background: #fff; position:absolute; left:10px; right:10px; bottom:0; }
.section{ padding: 56px; }
.section .sectionInner{margin:0 auto; width:1170px; }
.section .sectionInner:after{content: ""; clear: both; display: block; }
.section .textWrap{position:relative; width:516px; }
.section .textWrap .hdWrap .h02{font-size: 40px; background:url(../images/title_line.png) no-repeat left bottom; padding-bottom: 40px; line-height: 1.2; }
.section .textWrap .number{float: right; margin-top: -70px; }
.section .textWrap .text{margin-top: 40px; font-size: 18px; letter-spacing: 0.05em; line-height: 1.75; }
.section .img{position:relative; width:516px; }
.section.left{margin-left: 40px; }
.section.left .textWrap{float:left; }
.section.left .img{float: left; text-align: right; margin-left:56px; }
.section.right{margin-right: 40px; min-width: 1240px; }
.section.right.last{margin-bottom: 50px; }
.section.right .textWrap{float: right; margin-right: 40px; }
.section.right .img{float: left; margin-left: 40px; } .mincho {font-family: "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "HG明朝E", "ＭＳＰ明朝", "MS PMincho", "MS 明朝", serif; }

/*---------------------------------------------
 about
 ---------------------------------------------*/

.container{background: url(../images/bg_content.png); padding: 60px 20px;}
.container .main{position:relative; z-index: 2; background: #fff; margin: 0 auto; background-size: 1%; }
.container .main:before{ content:""; position: absolute; left: 0; top: 0; width: 5px; height: 40px; background: #47853d; }
.container .main .mainArea{margin-left: 48px; overflow: hidden; }
.container .main .mainArea.medical{border-bottom: solid #e9eff0 1px; padding-bottom: 20px; font-size: 14px; }
.container .main .mainArea .hdWrap .h02 {color:#47853d; font-size: 20px; letter-spacing: 0.05em; margin-top: 40px; margin-bottom: 24px; padding-bottom: 20px; border-bottom: solid #e9eff0 1px; font-weight: bold; }
.container .main .mainArea .aboutTable{margin-right: 48px; }
.container .main .mainArea .aboutTable table{width:100%; border-collapse: none; border-collapse:collapse; }
.container .main .mainArea .aboutTable tr{border-bottom: solid 1px #fff; }
.container .main .mainArea .aboutTable th{background: #e0f0f5; padding:14px 16px; font-weight: bold; width:200px; }
.container .main .mainArea .aboutTable td{padding:14px 16px; background: #f6fbfc; }
.container .main .mainArea .tabList ul{overflow: hidden; }
.container .main .mainArea .tabList li{float: left; width:248px; color:#000; border: solid #e9eff0 1px; padding:14px; text-align: center; cursor:pointer; }
.container .main .mainArea .tabList li.cur{border: solid #47853d 1px; color:#47853d; }
.container .main .mainArea .tabContent {border: solid #e9eff0 1px; margin-right: 48px; border-top: none; padding-bottom: 12px; }
.container .main .mainArea .tabContent li{display:none; }
.container .main .mainArea .tabContent li.cur{padding: 32px; display:block; overflow:hidden;}
.container .main .mainArea .tabContent li .hdWrap .h03{font-weight: bold; margin-bottom: 16px; }
.container .main .mainArea .tabContent li .textArea{width:448px; float: left; margin-right: 32px; line-height: 1.75; letter-spacing: 0.05em; }
.container .main .mainArea .tabContent li .textTop{margin-top: 30px; }
.container .main .mainArea .maprList ul{margin:32px auto; width:640px; line-height: 1.75; }
/*---------------------------------------------
    requirements
---------------------------------------------*/
.requireContent {margin: 32px auto 42px; width: 1208px; min-width: 1208px; font-size: 0; }
.requireContent:after{display:block; clear:both; content:""; }
.requireContent .titleContent{display:inline-block; margin: 4px 0px; padding:0 4px; box-sizing:border-box; cursor:pointer; }
.requireContent .titleContent a{display:table-cell; vertical-align: middle; text-align: center; color:#fff; }
.requireContent .titleContent a:hover{text-decoration: none; }
.requireContent .titleContent .titleWrap {position:relative; }
.requireContent .titleContent .titleIcon{text-align: center; display: none; background: url(../images/arrow_before.png) center no-repeat; width: 40px; height: 24px; background-size: 100% auto; margin: 0 auto -4px; }
.requireContent .titleContent .titleImg img{width:100%; }
.requireContent .titleContent .title{width:294px; height:71px; display:table; color:#fff; font-size: 20px; text-align: center; z-index: 2; bottom:0; vertical-align: middle; position: absolute; }
.requireContent .titleContent .title a{background:url(../images/title_recruit_name.png) no-repeat center bottom; background-size: 100% 100%; }
.requireContent .titleContent .title span{display:block; text-align: center; vertical-align: middle; }
.requireContent .container {display:none; float: left; background: url(../images/bg_content.png); padding:0; padding-left: 500%; margin-left: -500%; padding-right: 500%; margin-right: -500%; margin-top:-10px; padding-bottom: 50px; }
.requireContent .container.cur {opacity:1; display:block; }
.requireContent .container.cur:after {content:""; background: url(../images/bg_content.png); }
.requireContent .container .detailWrap{width:1206px; position:relative; }
.requireContent .container .main.require{position: relative; z-index: 3; width: 960px; margin: -330px 0 0 40px; min-width: 960px; max-width: 960px; }
.requireContent .container .text{font-size: 14px; padding-right:10px;}
.requireContent .container .main .btWrap .btn01 a{background: #3f886c; border-bottom: #326d56 solid 4px; display:block; color:#fff; padding: 16px; width:420px; margin:50px auto 0; text-align: center; }
.requireContent .container .main .btWrap .btn01 a:hover{text-decoration: none; }
.requireContent .container .main .telWrap{width:420px; margin: 0 auto; padding:24px 0; text-align: center; }
.requireContent .container .main .telWrap .contactText{color:#666666; font-size: 14px; }
.requireContent .container .main .telWrap .telNumber{font-size: 42px; letter-spacing: 0.05em; color:#000; font-family: "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "HG明朝E", "ＭＳＰ明朝", "MS PMincho", "MS 明朝", serif; }
.requireContent .container .main .telWrap .telNumber a{ text-decoration: none; color:#333;}
.requireContent .container .main .telWrap .telNumber a:hover{ text-decoration: none; color:#333;}
.requireContent .container .main .telWrap .telNumber span{display:inline-block; }
.requireContent .container .mainTitle{top: 100px; left: 0; background-color: #f6fbfc; font-size: 40px; width: 470px; box-sizing: border-box; padding: 48px; position: relative; z-index: 2; margin-left: 40px; }
.requireContent .container .mainTitle span{font-size: 24px; }
.requireContent .container .mainImg{position:relative; z-index: 1; width:1080px; right:0; top: -140px; text-align: right; }
.requireContent .detailWrap .mainTitle .hdWrap{font-family: "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "HG明朝E", "ＭＳＰ明朝", "MS PMincho", "MS 明朝", serif; line-height: 1.2; }
.requireContent .detailWrap .hdWrap span{font-size:21px; line-height: 1.6; display: block; }
.aboutTable .tableBtn01, .aboutTable .tableBtn02 {background: #47853d; padding: 3px; color: #fff; text-align: center; margin-right: 8px; border-radius: 3px; }
.aboutTable td .mb4{margin-bottom: 4px; }
.aboutTable td .full-time, .aboutTable td .quasi-time {display:inline-block; }
.aboutTable td .full-time{margin-right: 10px; }
/*---------------------------------------------
 contact
 ---------------------------------------------*/
.container .main .contactTable{margin-right: 48px; }
.container .main .contactTable table{width:100%; border-collapse: collapse; }
.container .main .contactTable tr{border-bottom: dotted #e9eff0 1px; }
.container .main .contactTable tr th{font-weight: bold; padding:26px 0; }
.container .main .contactTable .firstContact{width:310px; }
.container .main .contactTable .firstContact.tableVat{vertical-align: top; }
.container .main .contactTable .w200{width:200px; }
.container .main .contactTable th span{margin-right: 16px; }
.container .main .contactTable th img{vertical-align: top; margin-left: 16px; }
.container .main .contactTable td{padding: 16px 0; }
.container .main .contactTable td .sizeL, .container .main .contactTable td .sizeM {width:100%; }
.container .main .contactTable td #category{height:45px; font-size: 13px; }
.container .main .contactTable td select{-moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; border: 0; margin: 0; padding: 0; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; background-image:url(../images/arrow_select.png); background-position: center right 18px; background-repeat: no-repeat; }
.container .main .contactTable td input, .container .main .contactTable td textarea, .container .main .contactTable td select {padding:8px; background-color:#e9eff0; border:none; resize:none; display:block; }
.container .main .contactTable td input.radio{ display: inline-block; margin-right: 5px; }
.container .main .contactTable td label.radio{ margin-right: 10px; }
.container .main .contactTable td .check_ng input{background: rgba(255,228,228,1)  url(../images/icon_close_form.png) no-repeat right 10px center !important; }
.container .main .contactTable td .check_ok input {background: rgba(233,239,240,1) url(../images/icon_check_from.png) no-repeat right 10px center !importants; }
.container .main .contactTable .check_ng .error_text{display: block; background: #e27777; position: relative; padding: 8px 10px; margin-top: 10px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.container .main .contactTable .check_ng .error_text:after{content: ""; width: 30px; height: 8px; background: url(../images/arrow_t_error.png) top left 10px no-repeat; position: absolute; top: -7px; left: 0; }
.container .main .contactTable .error_text{display:none; }
.container .main .contactTable #submit{margin-top: 48px; margin-bottom: 48px; }
.complete{margin-bottom: 16px; text-align: center; }
.textContent:after{content:""; display:block; clear:both; }
.container .btnGroup{width: 100%; margin-top: 40px; margin-bottom: 30px; overflow: hidden; }
.container .btnGroup button{padding: 0; border: none; margin: 0 10px; background: none; cursor: pointer; }
.container .btnGroup button a{display:block; }

.carouselArea .txt{font-size: 14px; margin-top: 8px; margin-bottom: 20px; letter-spacing: -0.01em;}
button{border:none;}
.completeBox{padding:100px 0;}

 /*==========================================================================================================
 PC Only
@media screen and (min-width: 801px){
}

/*==========================================================================================================*/
/*==========================================================================================================
 SP Only
==========================================================================================================*/
@media screen and (max-width: 800px){

    body {overflow-x:scroll; min-width: 100%; }
    .spOnly { display: block !important; }
    .pcOnly { display: none !important; } img{max-width: 100%;}
    img.spOnly { display: inline-block !important; }
    .wrapInner { max-width: 100%; } .colNum { width: 100%; }



    .section {min-width: 50%; padding: 15px 15px 0; }
    .section.left{margin-left: 16px; }
    .section .textWrap .hdWrap .h02 {font-size: 25px; background: url(../images/title_line.png) no-repeat left bottom; padding-bottom: 16px; line-height: 1.2; }
    .section .sectionInner {width: 100%; }
    .section .textWrap {width: 100%; }
    .section .textWrap .text {margin: 16px 0; width: 100%; }
    .section .textWrap .number {top: -28px; width: 30%; }
    .section .img {position: relative; width: 100%; }
    .section.left .img {margin-left: 0; }
    .section.right {margin-right: 16px; min-width: 95%; }
    .section.right .textWrap {margin-right: 0px; }
    .section.right .img {   margin-left: 0px;  }


    #header {  width: 100%; z-index: 100; min-width: 100%;}
    #header .wrapInner { padding: 0; } 
    #header .headerContentsWrap .siteId { display: block; width: 100%; position: relative; z-index: 100; padding: 10px; }
    #header .headerContentsWrap .siteId .logo{ width:250px; }
    #header .headerContentsWrap { display: block; }
    #header .headerContents.spOnly{display:none !important; }
    #header .headerContents.spOnly{display:none !important; }
    #header #gnav .parentList li .navCur{background: rgba(255,255,255,0.5); }
    #header .headerContentsWrap .siteId a{padding:0; }
    .spMenuToggle{height: 50px;}
     .spMenuToggle { position: absolute; right: 0; top: 0; width: 51px; border-left: solid 1px rgba(255,255,255,0.4); background: url(../images/btn_nav_sp.png) no-repeat center; -webkit-background-size: 100%; background-size: 100%; cursor: pointer; }
    .spMenuToggle.cur { background: url(../images/btn_nav_close_sp.png) no-repeat center; }

    /*---------------------------------------------
     mainVisual
    ---------------------------------------------*/
    #mainVisual img{ min-width: 100%;}
    #mainVisual.characteristics p{width:100%; height:auto;}
    #gnav { position: absolute; top: 50px; left: 0; width: 100%; z-index: 90; }
    #gnav .wrapInner {  display: none; }
    #gnav .parentList, #gnav .parentList li, #gnav .parentList li a { display: block; border-width: 0; width: 100%; height: auto; }
    #gnav .parentList li { border-bottom-width: 1px; text-align: left;  background: rgba(0,0,0,0.8);}
    #gnav .parentList>li:last-child {background: rgba(55,96,48,0.8);}
    #gnav .parentList li a { padding: 10px; text-align: center;}
    .lnav ul, .lnav ul li, .lnav ul li a { display: block; border-width: 0; width: 100%; height: auto; }
    .lnav ul { padding-top: 0; }
    .lnav ul li { border-bottom-width: 1px; margin-bottom: 0; text-align: left; }
    .lnav ul li a { padding: 10px; }
    #gnav .parentList .navCur:before{content:none; }
    

    .section .textWrap .number{margin-top: -30px; }
    .container .main .mainArea .tabContent li .hdWrap .h03{margin-bottom: 11px; }
    .container .contents { width: 100%; }
    .container #side { width: 100%; }
    .container #side .sideInner { padding: 10px; }
    .contents {padding-bottom: 0; }
    .contents .wrapInner.over .linkList {margin: -20px auto 0; }
    .contents .wrapInner .linkList ul {width: 100%; }
    .contents .wrapInner .linkList li {float:none; margin: 16px; padding:0; }
    .contents .wrapInner .linkList li img{width:100%; }
	.contents .wrapInner .linkList .infoArea{margin:0 15px 5px 15px;}
	.contents .wrapInner .linkList .infoArea dt{float:none;}

    /*---------------------------------------------
        about
    ---------------------------------------------*/
    .container {min-width: 100%; padding: 16px 16px; }
    .container .main {min-width: 100%; max-width: 100%; }
    .container .main .mainArea .hdWrap .h02 {margin-top: 20px; margin-bottom: 16px; padding-bottom: 16px; }
    .container .main .mainArea {margin-left: 20px; }
    .container .main .mainArea .aboutTable {margin-right: 20px; }
    .container .main .mainArea .aboutTable th {width: 100px; font-size: 12px; padding:12px; }
    .container .main .mainArea .aboutTable td{padding: 12px; font-size: 12px; }
    .container .main .mainArea .tabContent{border:none; margin-right: 20px; padding-bottom: 0; }
    .container .main .mainArea .tabContent li.cur{padding:0; }
    .container .main .mainArea .tabContent li {display:block; }
    .container .main .mainArea .tabContent .textArea .department{font-size: 16px; font-weight: bold; border-bottom: solid #e9eff0 1px; margin-bottom: 11px; padding:16px 0; }
    .container .main .mainArea .tabContent .textArea .department.first{padding-top:0; }
    .container .main .mainArea .tabContent li .textArea{width:100%; float:none; margin-bottom: 16px; }
    .container .main .mainArea .tabContent li .textTop{margin-top: 24px; }
    .container .main .mainArea .maprList ul {margin: 16px auto; width: 100%; } .container .main .mainArea .maprList ul li{text-indent: -14px; padding-left: 14px; } .container .mapFrame{width: 100%; padding-right: 16px; } .container .mapFrame iframe{width: 100%; height: auto; }

    /*---------------------------------------------
     contact
     ---------------------------------------------*/
    .container .main .contactTable .firstContact{display:block; width:100%; }
    .container .main .contactTable td{display:block; width:100%; }
    .container .main .contactTable .w200 {width: 100%; display: block; }
    .container .main .contactTable tr th{padding: 12px 0 0; }
    .container .main .contactTable th span{float:none; }
    .container .main .contactTable {margin-right: 24px; }
    .container .main .contactTable #submit{width:100%; margin:20px 0; }
    .container .main.contact{}

    /*---------------------------------------------
        requirements
    ---------------------------------------------*/




    .requireContent {margin: 20px auto 15px; width: 100%; min-width: 100%; overflow: hidden; position: relative; z-index: 4; padding:0 4px; box-sizing:border-box; font-size: 0; }
    .requireContent .container{padding-bottom: 0; margin-bottom: 8px; }
    .requireContent .container .detailWrap{width:100%; position:relative; margin-bottom: -25px; padding:0 4px; }
    .requireContent .titleContent {display: inline-block; margin: 4px 0px; width: 50%; padding:0 4px; }
    .requireContent .titleContent .title{width:100%; font-size: 12px; vertical-align: middle; height:55px; }
    .requireContent .container .mainTitle{width: 80%; padding: 25px; font-size: 30px; margin: 0px 0 0px 0px; top: 20px; }
    .requireContent .container .mainTitle span {display: block; }
    .requireContent .container .mainImg{width:100%; text-align: center; top: 0px; }
    .requireContent .container .main.require{min-width: 100%; max-width: 100%; width: 100%; margin: 0px; top: -40px; }
    .requireContent .container .text{font-size: 14px; margin-right: 20px; }
    .requireContent .container .main .btn01{margin-right: 20px; font-size: 14px; }
    .requireContent .container .main .btWrap .btn01 a{width:100%; margin: 24px auto 0; }
    .requireContent .container .main .telWrap .contactText{font-size: 10px; letter-spacing: 0.04em; margin-right: 20px; }
    .requireContent .container .main .telWrap .telNumber{font-size: 29px; letter-spacing: 0.04em; margin-right: 20px; }
    .requireContent .container .main .telWrap .telNumber a{color:#000; text-decoration: none; }
    .requireContent .container .main .telWrap{width:100%; }
    .requireContent .container .main .telWrap .telNumber span{width:35px; margin-right: 8px; }
    .aboutTable .tableBtn01, .aboutTable .tableBtn02 {display:block; }
    .aboutTable .tableBtn01 {width:20px; } .aboutTable .tableBtn02 {width:31px; }
    .container .btnGroup{padding-right: 24px; box-sizing:border-box; }
    .container .btnGroup button{margin: 10px 0; width:100%; }
    .container .btnGroup button input{width:100%; }

    .container .main{background-size: 1%; }


    #footer{ min-width: 100%;}
    .footerContents .siteNavWrap {     float: none; text-align: center; width: 100%; padding-left: 0; border-bottom: 1px solid #e9eff0; padding-bottom: 16px;} 
    .footerContents .copyrightWrap { float: none; text-align: center; padding-right: 0; width: 100%; } .footerBottom{ padding:16px;}
    .footerContents .siteNavWrap .addressText {width:100%; margin-top: 16px;}
    .footerContents .siteNavWrap .footerLogo{ float:none; margin-right: 0;}
    .footerContents .copyrightWrap .privacy{ display:block; margin:8px 0; text-align: right;}
    .footerContents .copyrightWrap .privacy span:last-child{padding-right: 0;}
    .footerContents .copyrightWrap .copyR{display:block; text-align: right;} .pageTopWrap #page-top-btn {width: 44px; height:44px; background-size: 100% auto; } .infoList ul li dl { display: block; } .infoList ul li dl dt, .infoList ul li dl dd { display: block; float: left; } .infoList ul li dl dd.txt { width: 100%; } .footerContents .copyrightWrap li {float:none; color: #999999; margin-right: 0; text-align: right;}




    /* Slider */
    .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
    .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
    .slick-list:focus{outline: none;}
    .slick-list.dragging{cursor: pointer;cursor: hand;}
    .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    .slick-track{position: relative;top: 0;left: 0;display: block;}
    .slick-track:before,.slick-track:after{display: table;content: '';}
    .slick-track:after{clear: both;}
    .slick-loading .slick-track{visibility: hidden;}
    .slick-slide{/*display: none;*/float: left;height: 100%;min-height: 1px;}[dir='rtl'] .slick-slide{float: right;}
    .slick-slide img{display: block; margin: 0 auto; width: 100%; height: auto;}
    .slick-slide.slick-loading img{display: none;}
    .slick-slide.dragging img{pointer-events: none;}
    .slick-autoized .slick-slide{display: block;}
    .slick-loading .slick-slide{visibility: hidden;}
    .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
    .slick-arrow.slick-hidden {display: none;}
    .slick-prev,.slick-next{ position: absolute; top: 50%; margin-top: -90px; background: #f00; z-index: 2;padding: 0; text-indent: -9999px; width: 56px; height: 120px; border: none; display: block; cursor: pointer; }
    .slick-prev{ display: none; left: 0px; background: url(../images/arrow_carousel_l.png) no-repeat center; }
    .slick-next{ display: none; right: 0px; background: url(../images/arrow_carousel_r.png) no-repeat center; }
    .slick-arrow.slick-disabled{ opacity: 0.2; }
    .slick-dots { position: absolute; bottom: -8px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
    .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 0; padding: 0; cursor: pointer; }
    .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
    .slick-dots li button:hover,
    .slick-dots li button:focus { outline: none; }
    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before { opacity: 1; }
    .slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; background-repeat: no-repeat; -webkit-background-size: 6px;background-size: 6px;  text-align: center; opacity: 1; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-position: center top;}
    .slick-dots li.slick-active button:before { opacity: 1; color: black; background-position: center top; }


    .carouselWrap{ position: relative; }
    .carouselArea{/*width: 904px;*//* margin: 0 -8px;*/}
    .carouselArea>ul.slick-dotted{padding-bottom: 20px;}
    .carouselArea .slick-track{ }
    .carouselArea li.slick-slide {padding: 0;}
    .bd_box .ttl,.hd_02{font-size: 140%;}
    .bd_list dt{font-size: 120%;}
    .bd_box_inner{padding: 20px 10px;}
    .bd_list{padding: 20px 10px;}
    .bd_box .ttl{margin-bottom: 10px;}
    .hd_02{margin-top: 30px;}


}