@charset "utf-8"

body { font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif"}
/** { margin: 0; padding: 0; font-size: 13px; line-height: 1.6em; list-style-type: none; word-break: break-all; color: #000; }*/
* { margin: 0; padding: 0; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	font-size: 13px; line-height: 1.6em; list-style-type: none; word-break: break-all; color: #000;
}
div,span,dt,dl,dd,ul, ul li,img { border: 0;}
img { vertical-align:middle; outline:none;}
.sp {display: none;}
.pc {display: block;}

/*a:link { color: #00afec; text-decoration: underline; }*/
/*a:visited { color: #00afec; text-decoration: underline; }*/
/*a:hover { color: #000; text-decoration: none; }*/
/*a:active { color: #00afec; text-decoration: underline; }*/

.mn { font-family:Ryumin Medium KL,"リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho" !important; }
h3 { margin-bottom: 30px; }
.cnt { display: block; width: 100%; text-align: center; margin: 0 auto; }
a img:hover {}

.t_right { text-align: right !important; margin-bottom: 10px !important;}
.t_center { text-align: center !important; margin-bottom: 20px !important;}

#pagetop { display: block; position: fixed; bottom: 1%; right: 1%; }

 /* Tab contents */
.tabmenu { width: 552px; height: 40px; margin: 50px auto 0; position: relative; overflow: hidden; }
.tabmenu.tabmenu02{ width:770px;}
.tabmenu.tabmenu03{ width:810px;}
.tabmenu.tabmenu03 li{ margin-right:15px;}
.tabmenu.tabmenu03 li:last-child{ margin-right:0;}
.tabmenu.tabmenu03 li a { width:auto;}
.tabmenu li.job01_btn { float: left; }
.tabmenu li.job02_btn { float: right; }
.tabmenu li.job03_btn { float: left; margin:0 10px;}
.tabmenu li.job04_btn { float: left; margin:0 10px;}
.tabmenu li.job05_btn { float: left; margin:0 10px;}
.tabmenu li.job06_btn { float: left; }
.tabmenu li.job07_btn { float: left; }
.tabmenu li.job08_btn { float: left; }
.tabmenu li a { width: 236px; height: 40px; display: block; }
/*.tabmenu li.job01_btn a { background: url("images/btn_ht_job01_on.png") no-repeat; }
.tabmenu li.job02_btn a { background: url("images/btn_ht_job02_on.png") no-repeat; }
.tabmenu li.job03_btn a { background: url("images/btn_rw_job01_on.png") no-repeat; }
.tabmenu li.job04_btn a { background: url("images/btn_rw_job02_on.png") no-repeat; }
.tabmenu li.job05_btn a { background: url("images/btn_rw_job03_on.png") no-repeat; }
.tabmenu li.job06_btn a { background: url("images/btn_hp_job01_on.png") no-repeat; }
.tabmenu li.job07_btn a { background: url("images/btn_hp_job02_on.png") no-repeat; }
.tabmenu li.job08_btn a { background: url("images/btn_hp_job03_on.png") no-repeat; }*/
.tabmenu li.job01_btn a:hover img,
.tabmenu li.job01_btn.active a img,
.tabmenu li.job02_btn a:hover img,
.tabmenu li.job02_btn.active a img { visibility: hidden; }
.tabmenu li.job03_btn a:hover img,
.tabmenu li.job03_btn.active a img,
.tabmenu li.job04_btn a:hover img,
.tabmenu li.job04_btn.active a img,
.tabmenu li.job05_btn a:hover img,
.tabmenu li.job05_btn.active a img,
.tabmenu li.job06_btn a:hover img,
.tabmenu li.job06_btn.active a img,
.tabmenu li.job07_btn a:hover img,
.tabmenu li.job07_btn.active a img,
.tabmenu li.job08_btn a:hover img,
.tabmenu li.job08_btn.active a img{ visibility: hidden; }
.tabbox { display: none; }
.op:hover { opacity: 0.6;}

/* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc */
/* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc */
/* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc */
/* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc */
/* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc */
/* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc */
@media print,screen and (min-width: 1400px){

#h_cell { position: fixed; width: 100%; top: 0; height: 127px; z-index: 100;}

.pc_n { display: none;}
.pc_b { display: block;}

.tab { display: none;}

h2 { display: inline-block; width: auto; font-size: 28px; margin: 50px auto 20px auto; padding-bottom: 10px; text-align: center; border-bottom: solid 1px #030000; font-weight: normal; color: #000; letter-spacing: 0.2em; }

.bg02 { width: 100%; height: auto; padding: 1em 0 50px 0; margin: 0 auto; text-align: center; background: #f5f4eb!important; }

.bnr { display: block; width: auto; height: auto; margin:3em auto 0 auto; text-align: center; }
.bnr90 {  }

.wrap { display: block; width: 1000px; margin: 0 auto; text-align: left; }

#pankz { width: 100%; margin: 10px 0 25px 0; font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.w40 { display: inline-block; width: 40px !important;}

.maincontents { overflow:hidden; padding-top: 127px;}

.pro_img { margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}

#header { display: block; width: 100%; height: 40px; margin: 0 auto; text-align: center; background: #ef4a00; }
#header .wrap:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
#header .wrap .logo { display: block; float: left; width: 240px; height: 40px; margin: 0 auto; text-align: left; color: #fff; }
#header .wrap .logo img { width: 213px; height: auto; padding-top: 11px; }
#header .wrap .ttl { display: block; float: left; width: auto; height: 40px; line-height: 40px; font-weight: bold; margin: 0 0 0 0; text-align: left; color: #fff; font-size: 18px; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}

#gmenu { display: block; width: 100%; height: auto; margin: 0 auto; text-align: center; background: #fff; }
#gmenu .gmenu { display: block; width: 820px; height: 87px; margin: 0 auto; text-align: center; background: #fff; }
#gmenu .gmenu:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
#gmenu .gmenu li { display: block; float: left; height: 30px; margin-top: 29px; }
#gmenu .gmenu li.gmenu_01 { display: block; width: 165px; border-right: solid 1px #cdcdcd; }
#gmenu .gmenu li.gmenu_02 { display: block; width: 298px; border-right: solid 1px #cdcdcd; }
#gmenu .gmenu li.gmenu_03 { display: block; width: 151px; }
#gmenu .gmenu li.gmenu_04 { display: block; width: 204px; }
#gmenu .gmenu li a { display: block; width: 100%; height: auto; text-align: left; text-indent: 37px; line-height: 30px; font-size: 18px; color: #00afec; text-decoration: none; background: url(images/icon_arrow_blue.png) no-repeat 20px center; }
#gmenu .gmenu li a:link { color: #000; text-decoration: none; }
#gmenu .gmenu li a:visited { color: #000; text-decoration: none; }
#gmenu .gmenu li a:hover { color: #00afec; text-decoration: none; }
#gmenu .gmenu li a:active { color: #000; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu { display: block; width: 100%; height: 30px; text-align: center; text-indent: 0; line-height: 30px; font-size: 16px; color: #fff; background: #00afec; font-weight: bold;}
#gmenu .gmenu li a.trigerMenu:link { color: #fff; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu:visited { color: #fff; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu:hover { color: #fff; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu:active { color: #fff; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu span.off { display: block; width: 100%; height: auto; color: #fff; line-height: 30px; background: url(images/icon_arrow_white_on.png) no-repeat 18px center;}
#gmenu .gmenu li a.trigerMenu span.on { display: block; width: 100%; height: auto; color: #fff; line-height: 30px; background: url(images/icon_arrow_white_on.png) no-repeat 18px center;}

#gmenu .submenuArea { position: absolute; top:100px; left: 0; z-index: 900; display: none; width: 100%; overflow: hidden; height: 55px; margin: 0 auto; padding: 45px 0 20px 0; text-align: center; background: url(images/gmenu_bg.png) no-repeat center bottom, url(images/gmenu_bg02.png) repeat-x bottom; }
#gmenu .submenuArea .subWrap { display: block; width: 1000px; overflow: hidden; height: 55px; margin: 0 auto; padding: 0; }
#gmenu .submenuArea .submenu { display: flex;
    justify-content: center; /* 中央揃え */ width: 1030px; height: 55px; margin: 0 auto; text-align: left; }
#gmenu .submenuArea .submenu:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
#gmenu .submenuArea .submenu li { display: block; width: 30%; float: left; height: 55px; margin: 0; padding: 0; text-align: left; font-size: 15px; font-weight: bold; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}
#gmenu .submenuArea .submenu li a { display: block; height: 53px; margin: 0 30px 0 0; padding: 0; text-align: center; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; font-size: 14px; font-weight: bold; text-decoration: none;}
#gmenu .submenuArea .submenu li a:hover { background:rgba(255,255,255,0.85);}
#gmenu .submenuArea .submenu li a:link span { display: table-cell; height: 53px; vertical-align:middle; background: url(images/icon_arrow_blue.png) no-repeat 90% center; color: #00afec;  font-size: 14px;width: 20%;}
#gmenu .submenuArea .submenu li a:visited span { background: url(images/icon_arrow_blue.png) no-repeat 90% center; color: #00afec;  font-size: 14px;}
#gmenu .submenuArea .submenu li a:hover span { background: url(images/icon_arrow_blue.png) no-repeat 90% center; color: #00afec;  font-size: 14px;}
#gmenu .submenuArea .submenu li a:active span { background: url(images/icon_arrow_blue.png) no-repeat 90% center; color: #00afec;  font-size: 14px;}
#gmenu .submenuArea .submenu span.cs { line-height: 53px; color: #999; display: block; width: 174px; height: 53px; margin: 0 30px 0 0; padding: 0; text-align: center; background: #f5f4eb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; font-size: 17px;}


#mainVisual { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }
#mainVisual p { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }
#mainVisual p img { width: 1339px; height: auto; margin: 0 auto; padding: 0; text-align: center; }


#subIndexMainVisual { display: block; overflow: hidden; width: 1200px; height: auto; margin: 0 auto; padding: 0; text-align: center; background: #fff; }
#subIndexMainVisual p { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }
#subIndexMainVisual img { display: block; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }


#subPageMainVisual { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; background: #fff; }
#subPageMainVisual p { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }
#subPageMainVisual img { display: block; width: auto; height: auto; margin: 0 auto; padding: 0; text-align: center; }

.mainArea { display: block; overflow: hidden; width: 1000px; height: auto; margin: 0 auto 50px auto; padding: 0; text-align: center; }
.mainArea p { text-align: left; margin: 0 0 0 0; }
.mainArea p.cnt { display: block; width: 100%; text-align: center; margin: 0 auto; }


.mainTxt { font-size: 18px; padding: 50px 0 0px 0; line-height: 2.0em; letter-spacing: 0.03em; font-family:Ryumin Medium KL,"リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif"; }

.mainTxt02 { font-size: 18px; padding: 40px 0 0px 0; line-height: 2.0em; letter-spacing: 0.05em; font-family:Ryumin Medium KL,"リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif"; }

h2.normal { display: inline-block; font-size: 40px; margin: 40px 0 36px 0; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; text-align: center; border-bottom: solid 1px #030000; font-weight: normal; color: #000; letter-spacing: 0.05em; line-height: 40px;}

h2.normal02 { display: inline-block; font-size: 30px; margin: 50px 0 40px 0; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; text-align: center; border-bottom: solid 1px #030000; font-weight: normal; color: #000; letter-spacing: 0.05em;}

h2.normal03 { display: inline-block; font-size: 40px; margin: 50px 0 0px 0; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; text-align: center; border-bottom: solid 1px #030000; font-weight: normal; color: #000; letter-spacing: 0.05em; line-height: 40px;}

h2.normal04 { display: inline-block; font-size: 30px; margin: 50px 0 40px 0; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; text-align: center; border-bottom: solid 1px #030000; font-weight: normal; color: #000; letter-spacing: 0.05em; line-height: 30px;}

h3.h3_01 { font-size: 20px; line-height:20px; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}
h3.h3_02 { font-size: 16px; line-height:16px; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif; margin-bottom: 60px;}




.txt01 { margin-bottom: 50px !important;}

.mt30 { margin-top: 30px !important;}


.mainBtmArea { display: block; overflow: hidden; width: 1000px; height: auto; margin: 0 auto 80px auto; padding: 0; text-align: center; }
.mainBtmArea .subWrap { display: block; width: 1000px; overflow: hidden; height: auto; margin: 0 auto; padding: 0; }
.mainBtmArea .mainBtm { display: block; width: 1030px; height: auto; margin: 0 auto; text-align: left; }
.mainBtmArea .mainBtm:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.mainBtmArea .mainBtm li  { position: relative; display: block; float: left; width: 27%; height: 70px; margin: 0 30px 0 0; padding: 0; text-align: center; background: #00afec; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #00afec; }
.mainBtmArea .mainBtm li.jobjob { background: url(images/icon_arrow_white_off.png) no-repeat 90%, #00afec; }
.mainBtmArea .mainBtm li:last-child { margin: 0 0 0 0; }
.mainBtmArea .mainBtm li:hover { opacity:0.6;}
.mainBtmArea .mainBtm li.cs:hover { opacity:1;}

.mainBtmArea .mainBtm a { display: block; overflow: hidden; width: 100%; height: 100%;}

.mainBtmArea .mainBtm li.cs { position: relative; display: block; float: left; width: 160px; height: 140px; margin: 0 30px 0 0; padding: 0; text-align: center;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #999; background: url(images/icon_arrow_white_off.png) no-repeat center 90%, #999;}
.mainBtmArea .mainBtm li.ts { position: relative; display: block; float: left; width: 139px; height: 132px; margin: 0 30px 0 0; padding: 0; text-align: center;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #999; background: #999;}

.mainBtmArea .mainBtm li.cs .cswrap { display: block; width: 100%; height: 100%; background: url(images/comingsoon.png) no-repeat left top; }

.mainBtmArea .mainBtm li div.name { display: table; width: 100%; height: 45px; color: #fff; position: absolute; top: 22px; left: 0; text-align: center; margin: 0 auto; }
.mainBtmArea .mainBtm li div.name span { display: table-cell; width: 100%; height: 40px; color: #fff; text-align: center; margin: 0 auto; vertical-align: bottom; font-size: 16px; font-weight: bold;}

.mainBtmArea .mainBtm li div.job { display: table; width: 100%; height: auto; color: #fff; position: absolute; top: 60px; left: 0; text-align: center; margin: 0 auto;}
.mainBtmArea .mainBtm li div.job .duelCell { display: table-cell; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; font-size: 18px; vertical-align: bottom; }
.mainBtmArea .mainBtm li div.job .duelCell a,
.mainBtmArea .mainBtm li div.job .duelCell span { display: block; width: 100%; height: auto; text-align: center; font-size: 18px; font-weight: bold; color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job .duelCell a:link { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job .duelCell a:visited { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job .duelCell a:hover { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job .duelCell a:active { color: #fff; text-decoration: none; }

.mainBtmArea .mainBtm li div.job_01 { display: table; width: 100%; height: auto; color: #fff; position: absolute; top: 60px; left: 0; text-align: center; margin: 0 auto; }
.mainBtmArea .mainBtm li div.job_01 .duelCell { display: table-cell; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; font-size: 22px; vertical-align: bottom; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a,
.mainBtmArea .mainBtm li div.job_01 .duelCell span { display: block; width: 100%; height: auto; text-align: center; font-size: 18px; font-weight: bold; color: #fff; text-decoration: none; background: url(images/icon_arrow_white_off.png) no-repeat 95% center; }
.mainBtmArea .mainBtm li div.job_01 .duelCell span.mn2 {background: url(images/icon_arrow_white_off.png) no-repeat 95% 44px; }
.mainBtmArea .mainBtm li div.job .duelCell span.mn3 { padding-top:3px; font-size:14px;}
.mainBtmArea .mainBtm li div.job_01 .duelCell span small { font-size: 14px;color: #fff; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a:link { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a:visited { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a:hover { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a:active { color: #fff; text-decoration: none; }



.voiceUl { display: block; width: 100%; text-align: center; margin: 0 auto; }
.voiceUl:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.voiceUl li:nth-child(odd) { display: block; overflow: visible; width: 100%; height: auto; text-align: center; margin: 0 auto; padding: 0; background: #f5f4eb; }
.voiceUl li:nth-child(even) { display: block; overflow: visible; width: 100%; height: auto; text-align: center; margin: 0 auto; padding: 0; background: #fbfbf7; }
.voiceUl li .cell { display: block; overflow: hidden; width: 1000px; height: auto; text-align: center; margin: 0 auto; padding: 50px 0; }
.voiceUl li .left01 { display: block; overflow: hidden; float: left; width: 417px; text-align: center; margin: 0 0 0 0; }
.voiceUl li .left01 .img { display: block; overflow: hidden; width: 367px; height: 245px; text-align: center; margin: 0 0 0 0; border: solid 5px #fff; }
.voiceUl li .left01 .img img { width: 100%; height: auto;}
.voiceUl li .right01 { display: block; overflow: visible; float: left; width: 583px; height: auto; text-align: left; margin: 0 auto; }
.voiceUl li .right01 h2 { display: block; margin: 0; text-align: left; line-height: 0; padding: 0 0 0 0;}
.voiceUl li .right01 h2 span { display: block; margin: 0; font-size: 30px; text-align: left; line-height: 44px; background: none; color: #000; letter-spacing:0.02em; padding-bottom: 20px;}
.voiceUl li .right01 h3 { display: block; margin: 25px 0 0 0; font-size: 20px; text-align: left; font-weight: normal;}
.voiceUl li .right01 p { display: block; margin: 10px 0 0 0; font-size: 16px; text-align: left; }
.voiceUl li .right01 span.cs { display: inline-block; padding: 2px 20px; margin: 30px auto 0 auto; text-align: center; background: #999; color: #fff; font-size: 14px; font-weight: bold;}

.voiceUl li .right02 { display: block; overflow: hidden; float: right; width: 377px; text-align: right; margin: 0 0 0 0px; }
.voiceUl li .right02 .img { display: block; overflow: hidden; width: 367px; height: 245px; text-align: right; margin: 0 0 0 0; border: solid 5px #fff; }
.voiceUl li .right02 .img img { width: 100%; height: auto;}
.voiceUl li .left02 { display: block; overflow: visible; float: left; width: 583px; height: auto; text-align: left; margin: 0 auto; }
.voiceUl li .left02 h2 { display: block; margin: 0; text-align: left; line-height: 0; padding: 0 0 0 0;}
.voiceUl li .left02 h2 span { display: block; margin: 0; font-size: 30px; text-align: left; line-height: 44px; background: none; color: #000; letter-spacing:0.02em; padding-bottom: 20px;}
.voiceUl li .left02 h3 { display: block; margin: 25px 0 0 0; font-size: 20px; text-align: left; font-weight: normal;}
.voiceUl li .left02 p { display: block; margin: 10px 0 0 0; font-size: 16px; text-align: left; }
.voiceUl li .left02 span.cs { display: inline-block; padding: 2px 20px; margin: 30px auto 0 auto; text-align: center; background: #999; color: #fff; font-size: 14px; font-weight: bold;}
.voiceUl li a { display:block; }
.voiceUl li a:hover{ opacity:0.65; }

.btn01 { margin: 80px 0 30px 0 !important;}
.btn02 { margin: 50px 0 0px 0 !important;}



a.blueBtn { display: inline-block; width: auto; height: auto; padding:0; margin: 0px auto; text-align: center; line-height: auto; font-size: 14px; color: #fff; background: #00afec; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
a.blueBtn:link span { display: block; width: auto; height: auto; padding: 7px 30px 7px 15px; color: #fff; line-height: auto; font-size: 14px; background: url(images/icon_arrow_white_off.png) no-repeat 95% center; text-decoration: none; letter-spacing: 0.02em; font-weight: bold;}
a.blueBtn:visited span { display: block; width: auto; height: auto; padding: 7px 30px 7px 15px; color: #fff; line-height: auto; font-size: 14px; background: url(images/icon_arrow_white_off.png) no-repeat 95% center; text-decoration: none; }
a.blueBtn:hover span { display: block; width: auto; height: auto; padding: 7px 30px 7px 15px; color: #fff; line-height: auto; font-size: 14px; background: url(images/icon_arrow_white_off.png) no-repeat 95% center; text-decoration: none; }
a.blueBtn:active span { display: block; width: auto; height: auto; padding: 7px 30px 7px 15px; color: #fff; line-height: auto; font-size: 14px; background: url(images/icon_arrow_white_off.png) no-repeat 95% center; text-decoration: none; }



a.blueBtn02 { display: inline-block; width: 235px; height: auto; padding:0; margin: 0px auto; margin-bottom: 30px; text-align: center; line-height: auto; font-size: 14px; color: #fff; background: #00afec; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
a.blueBtn02:link span { display: block; width: auto; height: auto; padding: 7px 30px 7px 15px; color: #fff; line-height: auto; font-size: 1em; background: url(images/icon_arrow_white_off.png) no-repeat 95% center; text-decoration: none; letter-spacing: 0.02em; font-weight: bold;}
a.blueBtn02:visited span { display: block; width: auto; height: auto; padding: 7px 30px 7px 15px; color: #fff; line-height: auto; font-size: 1em; background: url(images/icon_arrow_white_off.png) no-repeat 95% center; text-decoration: none; }
a.blueBtn02:hover span { display: block; width: auto; height: auto; padding: 7px 30px 7px 15px; color: #fff; line-height: auto; font-size: 1em; background: url(images/icon_arrow_white_off.png) no-repeat 95% center; text-decoration: none; }
a.blueBtn02:active span { display: block; width: auto; height: auto; padding: 7px 30px 7px 15px; color: #fff; line-height: auto; font-size: 1em; background: url(images/icon_arrow_white_off.png) no-repeat 95% center; text-decoration: none; }



a.greenBtn { display: inline-block; width: 400px; height: auto; padding:0; margin: 0px auto; text-align: center; line-height: auto; color: #fff; background: -moz-linear-gradient(top,#8fc31f 0%,#75a903); background: -webkit-gradient(linear, left top, left bottom,from(#8fc31f),to(#75a903)); text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
a.greenBtn span { font-size: 30px; padding: 30px 0px 30px 65px; text-align: left; letter-spacing:0.1em; text-shadow: 1px 1px #67852d;}
a.greenBtn:link span { display: block; width: auto; height: auto; color: #fff; line-height: auto; background: url(images/icon_01.png) no-repeat 90% center; text-decoration: none; }
a.greenBtn:visited span { display: block; width: auto; height: auto; color: #fff; line-height: auto; background: url(images/icon_01.png) no-repeat 90% center; text-decoration: none; }
a.greenBtn:hover span { display: block; width: auto; height: auto; color: #fff; line-height: auto; background: url(images/icon_01.png) no-repeat 90% center; text-decoration: none; }
a.greenBtn:active span { display: block; width: auto; height: auto; color: #fff; line-height: auto; background: url(images/icon_01.png) no-repeat 90% center; text-decoration: none; }

.tel { font-size: 20px; font-weight: bold; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}
.tel span { font-size: 36px; font-weight: bold; padding: 10px 0 10px 30px; background: url(images/icon_tel.png) no-repeat left center;  }

.voiceUlmini:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.voiceUlmini li:nth-child(odd) { display: block; overflow: hidden; float: left; width: 460px; height: 200px; margin: 0 auto; padding: 0; text-align: left; background: #fff; border: solid 1px #00afec;}
.voiceUlmini li:nth-child(even) { display: block; overflow: hidden; float: right; width: 460px; height: 200px; margin: 0 auto; padding: 0; text-align: left; background: #fff; border: solid 1px #00afec;}
.voiceUlmini li .left { display: block; overflow: hidden; float: left; width: 260px; height: 200px; margin: 0 auto; padding: 0; text-align: left;}
.voiceUlmini li .left .img { display: block; overflow: hidden; float: left; width: 260px; height: 200px; margin: 0 auto; padding: 0; text-align: center;}
.voiceUlmini li .left .img img {  width: auto; height: 100%; margin: 0 auto; padding: 0; text-align: center;}
.voiceUlmini li .right { display: block; overflow: hidden; float: left; width: 200px; height: 200px; margin: 0 auto; padding: 0; text-align: center;}
.voiceUlmini li .right p { display: block; margin: 70px 0 0 0; font-size: 13px; text-align: center; line-height: 1em; background: none; color: #000; letter-spacing: 0.1em; }
.voiceUlmini li .right h3 { display: block; margin: 10px 0 0 0; font-size: 24px; text-align: center; font-weight: normal; line-height: 1em; letter-spacing: 0.02em;}
.voiceUlmini li .right span { display: inline-block; padding: 2px 10px; margin: 20px auto 0 auto; text-align: center; background: #f5f4eb; color: #999999; font-size: 14px; font-weight: bold; }
.voiceUlmini a{ display:block; }
.voiceUlmini a:hover{ opacity:0.65; }
.voiceUlmini li.center { float:none; }

.detailTable { width: 1000px; border: solid 1px #00afec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #000;}
.detailTable .cell { width: 100%; background: #fff; border-bottom: solid 1px #00afec; }
.detailTable .cell:nth-child(even) { background: #e5f7fd; }
.detailTable .cell:last-child { border-bottom: none; }
.detailTable .cell:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.detailTable .cell .left { width: 140px; float: left; text-align: left; padding: 10px 0 10px 40px; font-size: 16px;}
.detailTable .cell .right { float: left; text-align: left; padding: 10px 0 10px 40px; font-size: 16px;   border-left: solid 1px #00afec;}



.companyTable { width: 100%; border: solid 1px #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.companyTable .cell { width: 100%; background: #fff; border-bottom: solid 1px #000; }
.companyTable .cell:nth-child(even) { background: #ddd; }
.companyTable .cell:last-child { border-bottom: none; }
.companyTable .cell:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.companyTable .cell .left { width: 160px; float: left; text-align: left; padding: 10px 0 10px 40px; font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.companyTable .cell .right { float: left; text-align: left; padding: 10px 0 10px 2em; font-size: 16px; border-left: solid 1px #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



.faqTable { width: 100%; border: solid 1px #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px;}
.faqTable > * { background: #fff; border-bottom: solid 1px #000; text-align: left; padding: 8px 0 8px 67px; font-size: 18px; font-size: 17px; }
.faqTable > *:nth-child(odd) { background: url(images/Q_02.png), #ddd; background-repeat:no-repeat; background-position: 15px center; color: #000; }
.faqTable > *:nth-child(even) { background: url(images/A.png), #fff; background-repeat:no-repeat; background-position: 15px 11px; }
.faqTable > *:last-child { border-bottom: none; }
.faqTable > *:after { display:block; clear:both; height:0; visibility:hidden; content:".";}


.aboutCell { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 50px 0; text-align: center; background: #f5f4eb; }
.aboutCell:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.aboutCell .cell { display: block; overflow: hidden; width: 800px; height: auto; margin: 0 auto 40px auto; padding: 40px 100px; text-align: left; background: #fff; border: solid 1px #00afec;}
.aboutCell .cell h2 { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding:0 0 10px 0; text-align: center; }
.aboutCell .cell h3 { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding:20px 0 40px 0; text-align: center; font-size: 18px; font-weight: bold; letter-spacing: 0.02em; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}
.aboutCell .cell p { font-size: 16px; line-height: 30px; margin-top: 15px;}
.aboutCell ul { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; }
.aboutCell ul:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.aboutCell ul li:nth-child(odd) { display: block; overflow: hidden; float: left; width: 367px; height: auto; margin: 0; padding: 0; text-align: center; font-size: 14px; }
.aboutCell ul li:nth-child(even) { display: block; overflow: hidden; float: right; width: 367px; height: auto; margin: 0; padding: 0; text-align: center; font-size: 14px; }
.aboutCell ul li img { width: 100%; height: auto; }


.pagetop{ text-align:right; padding-bottom:10px; padding-top:30px; width: 1000px; margin: 0 auto;}
.pagetop a{ background:url(images/arrow04.gif) 0 50% no-repeat; padding:0 0 0 15px; font-size:80%; text-decoration: none; color: #4d1c13;}


#footer { display: block; overflow: hidden; width: 100%; height: 45px; margin: 0 auto 0 auto; text-align: center; background: #ef4a00; }
#footer .wrap:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
#footer .wrap .left { display: block; float: left; width: 50%; height: 45px; margin: 0 auto; text-align: left; color: #fff; line-height: 45px; font-size: 10px; }
#footer .wrap .right { display: block; float: left; width: 50%; height: 45px; margin: 0 auto; text-align: right; color: #fff; line-height: 45px; font-size: 10px; }
#footer .wrap .left span { display: inline; font-size: 10px; padding-right: 3px; color: #fff; }
#footer .wrap .left a { font-size: 10px; padding-right: 20px; }
#footer .wrap .left a:link { color: #fff; text-decoration: none; }
#footer .wrap .left a:visited { color: #fff; text-decoration: none; }
#footer .wrap .left a:hover { color: #efefef; text-decoration: none; }
#footer .wrap .left a:active { color: #fff; text-decoration: none; }

.formTable { width: 100%; border-collapse: collapse; border: solid 1px #00afec;}
.formTable th, .formTable td { padding: 10px 0px 10px 40px; text-align: left; border: solid 1px #00afec; font-family:Ryumin Medium KL,"リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif";  font-size: 16px;}
.formTable th { padding: 10px 0px 10px 40px; text-align: left; width: 155px; font-weight: normal;}
.formTable td span { font-size: 16px; margin-right: 10px;}
.formTable tr:nth-child(even) { background: #e5f7fd; }
.formTable input { margin: 0 0px; padding: 0px 2px; height: 20px; line-height: 20px;}
.formTable select { margin: 0 0px; padding: 0px 2px; height: 24px; line-height: 24px;}
.formTable input.s_cell { width: 115px;}
.formTable input.s_cell02 { width: 115px;}
.formTable input.m_cell { width: 390px; margin: 5px 0;}
.formTable textarea { width: 745px; height: 80px;}

.txt01 { font-size: 16px; line-height: 24px; margin-top: 15px !important;}
.txt02 { font-size: 16px; line-height: 24px; margin-top: 15px !important;}
.pp { font-size: 16px;}
.pp a { font-size: 16px;}

#submit {
  	width: 230px;
  	height: 100px;
	line-height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 20px 0 0;
	background: url(images/icon_01.png) no-repeat 90% center, -moz-linear-gradient(top,#8fc31f 0%,#75a903);
	background: url(images/icon_01.png) no-repeat 90% center, -webkit-gradient(linear, left top, left bottom,from(#8fc31f),to(#75a903));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #8fc31f;
	text-shadow:
		0px 2px 0px rgba(000,000,000,0.3),
		0px 1px 0px rgba(255,255,255,0.2);
	margin-top: 50px;
	cursor: pointer;
}

#submit[disabled] {
  	width: 230px;
  	height: 100px;
	line-height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 20px 0 0;
	background: url(images/icon_01.png) no-repeat 90% center, #efefef;
	border: 1px solid #efefef;
	text-shadow:
		0px 2px 0px rgba(000,000,000,0.3),
		0px 1px 0px rgba(255,255,255,0.2);
}


.about_btn { display: block; width: 236px; text-align: center !important; margin: 30px auto 0 auto !important;}

.hp_btn { display: block; width: 236px; text-align: center !important; margin: 0 auto !important; margin-top: 50px !important;}

.oubo_btn01 { display: block; width: 401px; text-align: center !important; margin: 0 auto !important; margin-top: 80px !important; margin-bottom: 30px !important;}
.oubo_btn02 { display: block; width: 401px; text-align: center !important; margin: 0 auto !important; margin-top: 80px !important; margin-bottom: 50px !important;}

.submit_btn { display: block; text-align: center !important; margin: 0 auto; margin-bottom: 30px !important; margin-top: 50px !important;}



.logoArea { display: block; overflow: hidden; width: 1000px; margin: 30px auto 0;}
.logoArea .logo01 { float: left;}
.logoArea .logo02 { float: right;text-align: right}
.logoArea .logo02 img{ width: 45%;}


/* 20160601山沢追加 */

h3.h3_03 { font-size: 22px; line-height:22px; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif; margin-top:20px; margin-bottom:20px;}


#voiceMainVisual { display: block; overflow: hidden; width: 1000px; height: auto; margin: 0 auto 20px; padding: 0; text-align: center; background: #fff; }
#voiceMainVisual img { display: block; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }

.mainArea .btn {width:236px; margin:50px auto 20px;}

#gyomuArea { display: block; overflow: hidden; width: 1000px; height: auto; text-align: left; margin: 0 auto; padding: 50px 0; position:relative; }
#gyomuArea .gyomu_img { position:absolute; top:150px; right:0; }
#gyomuArea h2{ display: block; width:100%; padding:10px 0; margin:0 0 5px ; border-bottom:#ef4a00 1px solid; text-align:left; }
#gyomuArea dl{ overflow:hidden; padding:20px 0 25px; text-align:left; background:url(images/voice_gyomu_line.png) repeat-x bottom left;}
#gyomuArea dt{ float:left; width: 80px; color:#ef4a00; font-size: 20px; font-weight:bold; margin:-3px 0 0; }
#gyomuArea dd{ float:left; width: 580px; font-size: 16px; line-height:1.7; }

.othervoiceArea { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0 0 70px; text-align: center;  background: #f5f4eb;}
.othervoiceArea h2{ margin:50px auto 40px;}
.othervoiceArea a{ display:block; }
.othervoiceArea a:hover{ opacity:0.65; }
}
/* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc */
/* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc */
/* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc */
/* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc */
/* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc */
/* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc *//* pc */



@media screen and (min-width: 767px) and (max-width: 1399px)  {

#h_cell { position: fixed; width: 100%; background: #fff; z-index: 100;}


.wrap { display: block; width: 100%; margin: 0 auto; text-align: left; }

.tab { display: block;}

.pc_b { display: none;}

.pc_n { display: none;}

.w40 { display: inline-block; width: 40px !important;}

h2 { display: inline-block; width: auto; font-size: 28px; margin: 50px auto 20px auto; padding-bottom: 10px; text-align: center; border-bottom: solid 1px #030000; font-weight: normal; color: #000; letter-spacing: 0.2em; }

.bg02 { width: 100%; height: auto; padding: 1em 0 50px 0; margin: 0 auto; text-align: center; background: #f5f4eb!important; }

.bnr { display: block; width: 94%; height: auto; margin: 30px 3% 0 3%; text-align: center; }
.bnr90 { display: block; width: 90%; margin: 0 5%;}
.bnr100 { display: block; width: 100%;}


.pro_img { margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}

.maincontents { overflow:hidden; padding-top: 127px;}


.mb20 { margin-bottom: 40px !important;}

#pankz { width: 90%; margin: 10px 5% 25px 5%; font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


#header { display: block; width: 84%; height: 40px; margin: 0 auto; padding: 0 8%; text-align: center; background: #ef4a00; }
#header .wrap:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
#header .wrap .logo { display: block; float: left; width: 240px; height: 40px; margin: 0 auto; text-align: left; color: #fff; }
#header .wrap .logo img { width: 213px; height: auto; padding-top: 11px; }
#header .wrap .ttl { display: block; float: left; width: auto; height: 40px; line-height: 40px; font-weight: bold; margin: 0 0 0 0; text-align: left; color: #fff; font-size: 18px; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}

#gmenu { display: block; width: 90%; height: auto; margin: 0 auto; padding: 0 5% text-align: center; background: #fff; }
#gmenu .gmenu { display: block; width: 100%; height: auto; margin: 0 auto; text-align: center; background: #fff; }
#gmenu .gmenu:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
#gmenu .gmenu li { display: block; float: left; height: auto; margin-top: 29px; margin-bottom: 20px;}
#gmenu .gmenu li.gmenu_01 { display: block; width: 19%; border-right: solid 1px #cdcdcd; }
#gmenu .gmenu li.gmenu_02 { display: block; width: 35%; border-right: solid 1px #cdcdcd; }
#gmenu .gmenu li.gmenu_03 { display: block; width: 18%; }
#gmenu .gmenu li.gmenu_04 { display: block; width: 24%; }
#gmenu .gmenu li a { display: block; width: 100%; height: auto; text-align: left; text-indent: 37px; line-height: 30px; font-size: 15px; color: #00afec; text-decoration: none; background: url(images/icon_arrow_blue.png) no-repeat 20px center; }
#gmenu .gmenu li a:link { color: #000; text-decoration: none; }
#gmenu .gmenu li a:visited { color: #000; text-decoration: none; }
#gmenu .gmenu li a:hover { color: #00afec; text-decoration: none; }
#gmenu .gmenu li a:active { color: #000; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu { display: block; width: 100%; height: 30px; text-align: center; text-indent: 0; line-height: 30px; font-size: 14px; color: #fff; background: #00afec; font-weight: bold;}
#gmenu .gmenu li a.trigerMenu:link { color: #fff; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu:visited { color: #fff; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu:hover { color: #fff; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu:active { color: #fff; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu span.off { display: block; width: 100%; height: auto; color: #fff; line-height: 30px; background: url(images/icon_arrow_white_on.png) no-repeat 18px center;}
#gmenu .gmenu li a.trigerMenu span.on { display: block; width: 100%; height: auto; color: #fff; line-height: 30px; background: url(images/icon_arrow_white_on.png) no-repeat 18px center;}



#gmenu .submenuArea { position: absolute; top:100px; left: 0; z-index: 900; display: none; width: 100%; overflow: hidden; height: 55px; margin: 0 auto; padding: 45px 0 20px 0; text-align: center; background: url(images/gmenu_bg.png) no-repeat center bottom, url(images/gmenu_bg02.png) repeat-x bottom; }
#gmenu .submenuArea .subWrap { display: block; width: 100%; overflow: hidden; height: 55px; margin: 0 auto; padding: 0; }
#gmenu .submenuArea .submenu { display: flex;
    justify-content: center; /* 中央揃え */; width: 100%; height: 55px; margin: 0 auto; text-align: left; }
#gmenu .submenuArea .submenu:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
#gmenu .submenuArea .submenu li { display: block; float: left; height: 55px; margin: 0; padding: 0; text-align: left; font-weight: bold;}
#gmenu .submenuArea .submenu li:last-child { display: block; float: left; height: 55px; margin: 0; padding: 0; text-align: left; font-weight: bold;}
#gmenu .submenuArea .submenu li a { display: table; width: 90%; height: 53px; margin: 0 10% 0 0; padding: 0; text-align: center; background: url(images/icon_arrow_blue.png) no-repeat 95% center, #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; font-size: 12px; font-weight: bold; text-decoration: none; color: #00afec !important;}
#gmenu .submenuArea .submenu li a:hover { background:rgba(255,255,255,0.85);}
#gmenu .submenuArea .submenu li a span { display: table-cell; height: 53px; color: #00afec; vertical-align:middle;}

#gmenu .submenuArea .submenu li:last-child span.cs { line-height: 53px; color: #999; display: block; width: 100%; height: 53px; margin: 0 0% 0 0; padding: 0; text-align: center; background: #f5f4eb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; font-size: 15px;}

#gmenu .submenuArea .submenu span.cs { line-height: 53px; color: #999; display: block; width: 85%; height: 53px; margin: 0 15% 0 0; padding: 0; text-align: center; background: #f5f4eb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; font-size: 15px;}


#mainVisual { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }
#mainVisual p { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }
#mainVisual p img { width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }


#subIndexMainVisual { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; background: #fff; }
#subIndexMainVisual p { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }
#subIndexMainVisual img { display: block; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }


#subPageMainVisual { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; background: #fff; }
#subPageMainVisual p { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }
#subPageMainVisual img { display: block; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }

.mainArea { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0 0 40px 0; text-align: center; }
.mainArea p { text-align: left; margin: 0 0 0 0; font-size:16px; }
.mainArea p.cnt { display: block; width: 100%; text-align: center; margin: 0 auto; }


.mainTxt { font-size: 15px; padding: 50px 0 0px 0; line-height: 2.0em; letter-spacing: 0.01em; font-family:Ryumin Medium KL,"リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif"; }

.mainTxt02 { font-size: 15px; padding: 40px 0 0px 0; line-height: 2.0em; letter-spacing: 0.01em; font-family:Ryumin Medium KL,"リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif"; }

h2.normal { display: inline-block; font-size: 30px; margin: 40px 0 35px 0; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; text-align: center; border-bottom: solid 1px #030000; font-weight: normal; color: #000; letter-spacing: 0.05em; line-height: 40px;}

h2.normal02 { display: inline-block; font-size: 30px; margin: 50px 0 40px 0; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; text-align: center; border-bottom: solid 1px #030000; font-weight: normal; color: #000; letter-spacing: 0.05em;}

h2.normal03 { display: inline-block; font-size: 30px; margin: 50px 0 0px 0; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; text-align: center; border-bottom: solid 1px #030000; font-weight: normal; color: #000; letter-spacing: 0.05em; line-height: 40px;}

h2.normal04 { display: inline-block; font-size: 30px; margin: 50px 0 40px 0; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; text-align: center; border-bottom: solid 1px #030000; font-weight: normal; color: #000; letter-spacing: 0.05em; line-height: 30px;}

h3.h3_01 { font-size: 20px; line-height:20px; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}
h3.h3_02 { font-size: 16px; line-height:16px; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif; margin-bottom: 60px;}


.txt01 { margin-bottom: 50px !important;}


.mainBtmArea { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto 80px auto; padding: 0; text-align: center; }
.mainBtmArea .subWrap { display: block; width: 100%; overflow: hidden; height: auto; margin: 0 auto; padding: 0; }
.mainBtmArea .mainBtm { display: block; width: 94%; height: auto; margin: 0 3%; text-align: left; }
.mainBtmArea .mainBtm:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.mainBtmArea .mainBtm a { display: block; overflow: hidden; width: 100%; height: 100%;}

.mainBtmArea .mainBtm li { position: relative; display: block; float: left; width: 30%; height: 60px; margin: 0 2% 0 0; padding: 0; text-align: center; background: #66cff4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #66cff4; }
.mainBtmArea .mainBtm li.jobjob { background: url(images/icon_arrow_white_off.png) no-repeat 90%, #00afec;}
.mainBtmArea .mainBtm li:last-child { margin: 0 0 0 0;}
.mainBtmArea .mainBtm li:hover { opacity:0.6;}
.mainBtmArea .mainBtm li.cs { background: url(images/icon_arrow_white_off.png) no-repeat center 90%, #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #999; }
.mainBtmArea .mainBtm li.ts { background: #999;}

.mainBtmArea .mainBtm li.cs .cswrap { display: block; width: 100%; height: 100%; background: url(images/comingsoon.png) no-repeat left top; background-size: 40px 24px; }
.mainBtmArea .mainBtm li div.name { display: table; width: 100%; height: 30px; color: #fff; position: absolute; top: 18px; left: 0; text-align: center; margin: 0 auto; }
.mainBtmArea .mainBtm li div.name span { display: table-cell; width: 100%; height: 40px; color: #fff; text-align: center; margin: 0 auto; vertical-align: bottom; font-size: 14px; font-weight: bold;}

.mainBtmArea .mainBtm li div.job { display: table; width: 100%; height: auto; color: #fff; position: absolute; top: 45px; left: 0; text-align: center; margin: 0 auto; }
.mainBtmArea .mainBtm li div.job .duelCell { display: table-cell; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; font-size: 18px; vertical-align: bottom; }
.mainBtmArea .mainBtm li div.job .duelCell a,.mainBtmArea .mainBtm li div.job .duelCell span { display: block; width: 100%; height: auto; text-align: center; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job .duelCell a:link { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job .duelCell a:visited { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job .duelCell a:hover { color: #00afec; text-decoration: none; }
.mainBtmArea .mainBtm li div.job .duelCell a:active { color: #fff; text-decoration: none; }

.mainBtmArea .mainBtm li div.job_01 { display: table; width: 100%; height: auto; color: #fff; position: absolute; top: 45px; left: 0; text-align: center; margin: 0 auto; }
.mainBtmArea .mainBtm li div.job_01 .duelCell { display: table-cell; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; font-size: 22px; vertical-align: bottom; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a,
.mainBtmArea .mainBtm li div.job_01 .duelCell span { display: block; width: 100%; height: auto; text-align: center; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; background: url(images/icon_arrow_white_off.png) no-repeat 95% 44px !important; }
.mainBtmArea .mainBtm li div.job_01 .duelCell span small { font-size: 12px;color: #fff; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a:link { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a:visited { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a:hover { color: #00afec; text-decoration: none; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a:active { color: #fff; text-decoration: none; }




.voiceUl { display: block; width: 100%; text-align: center; margin: 0 auto; }
.voiceUl:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.voiceUl li:nth-child(odd) { display: block; overflow: visible; width: 100%; height: auto; text-align: center; margin: 0 auto; padding: 0; background: #f5f4eb; }
.voiceUl li:nth-child(even) { display: block; overflow: visible; width: 100%; height: auto; text-align: center; margin: 0 auto; padding: 0; background: #fbfbf7; }
.voiceUl li .cell { display: block; overflow: hidden; width: 94%; height: auto; text-align: center; margin: 0 3%; padding: 50px 0; }
.voiceUl li .left01 { display: block; overflow: hidden; float: left; width: 40%; text-align: center; margin: 0 0 0 0; }
.voiceUl li .left01 .img { display: block; overflow: hidden; width: 96%; height: auto; text-align: center; margin: 0 0 0 0; border: solid 5px #fff; }
.voiceUl li .left01 .img img { width: 100%; height: auto;}
.voiceUl li .right01 { display: block; overflow: visible; float: right; width: 54%; height: auto; text-align: left; margin: 0 auto; }
.voiceUl li .right01 h2 { display: block; margin: 0; text-align: left; line-height: 0; padding: 0 0 0 0;}
.voiceUl li .right01 h2 span { display: block; margin: 0; font-size: 26px; text-align: left; line-height: 44px; background: none; color: #000; letter-spacing:0.02em; padding-bottom: 20px;}
.voiceUl li .right01 h3 { display: block; margin: 25px 0 0 0; font-size: 20px; text-align: left; font-weight: normal;}
.voiceUl li .right01 p { display: block; margin: 10px 0 0 0; font-size: 16px; text-align: left; }
.voiceUl li .right01 span.cs { display: inline-block; padding: 2px 20px; margin: 30px auto 0 auto; text-align: center; background: #999; color: #fff; font-size: 14px; font-weight: bold;}

.voiceUl li .right02 { display: block; overflow: hidden; float: right; width: 40%; text-align: right; margin: 0 0 0 0px; }
.voiceUl li .right02 .img { display: block; overflow: hidden; width: 96%; height: auto; text-align: right; margin: 0 0 0 0; border: solid 5px #fff; }
.voiceUl li .right02 .img img { width: 100%; height: auto;}
.voiceUl li .left02 { display: block; overflow: visible; float: left; width: 54%; height: auto; text-align: left; margin: 0 auto; }
.voiceUl li .left02 h2 { display: block; margin: 0; text-align: left; line-height: 0; padding: 0 0 0 0;}
.voiceUl li .left02 h2 span { display: block; margin: 0; font-size: 26px; text-align: left; line-height: 44px; background: none; color: #000; letter-spacing:0.02em; padding-bottom: 20px;}
.voiceUl li .left02 h3 { display: block; margin: 25px 0 0 0; font-size: 20px; text-align: left; font-weight: normal;}
.voiceUl li .left02 p { display: block; margin: 10px 0 0 0; font-size: 16px; text-align: left; }
.voiceUl li .left02 span.cs { display: inline-block; padding: 2px 20px; margin: 30px auto 0 auto; text-align: center; background: #999; color: #fff; font-size: 14px; font-weight: bold;}
.voiceUl li a { display:block; }
.voiceUl li a:hover{ opacity:0.65; }


.btn01 { margin: 80px 0 30px 0 !important;}
.btn02 { margin: 50px 0 0px 0 !important;}




.tel { font-size: 20px; font-weight: bold; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}
.tel span { font-size: 36px; font-weight: bold; padding: 10px 0 10px 30px; background: url(images/icon_tel.png) no-repeat left center;  }

.voiceUlmini {}
.voiceUlmini:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.voiceUlmini li:nth-child(odd) { display: block; overflow: hidden; float: none; width: 460px; height: 200px; margin: 0 auto; margin-bottom: 30px; padding: 0; text-align: left; background: #fff; border: solid 1px #00afec;}
.voiceUlmini li:nth-child(even) { display: block; overflow: hidden; float: none; width: 460px; height: 200px; margin: 0 auto; padding: 0; text-align: left; background: #fff; border: solid 1px #00afec;}
.voiceUlmini li .left { display: block; overflow: hidden; float: left; width: 260px; height: 200px; margin: 0 auto; padding: 0; text-align: left;}
.voiceUlmini li .left .img { display: block; overflow: hidden; float: left; width: 260px; height: 200px; margin: 0 auto; padding: 0; text-align: center;}
.voiceUlmini li .left .img img {  width: auto; height: 100%; margin: 0 auto; padding: 0; text-align: center;}
.voiceUlmini li .right { display: block; overflow: hidden; float: left; width: 200px; height: 200px; margin: 0 auto; padding: 0; text-align: center;}
.voiceUlmini li .right p { display: block; margin: 70px 0 0 0; font-size: 13px; text-align: center; line-height: 1em; background: none; color: #000; letter-spacing: 0.1em; }
.voiceUlmini li .right h3 { display: block; margin: 10px 0 0 0; font-size: 24px; text-align: center; font-weight: normal; line-height: 1em; letter-spacing: 0.02em;}
.voiceUlmini li .right span { display: inline-block; padding: 2px 10px; margin: 20px auto 0 auto; text-align: center; background: #f5f4eb; color: #999999; font-size: 14px; font-weight: bold; }



.detailTable { width: 94%; border: solid 1px #00afec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #000; margin: 0 auto;}
.detailTable .cell { width: 100%; background: #fff; border-bottom: solid 1px #00afec; }
.detailTable .cell:nth-child(even) { background: #e5f7fd; }
.detailTable .cell:last-child { border-bottom: none; }
.detailTable .cell:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.detailTable .cell .left { display: block; width: 20%; float: left; text-align: left; padding: 10px 0 10px 5%; font-size: 16px;}
.detailTable .cell .right { display: block; width: 67%; float: left; text-align: left; padding: 10px 2% 10px 5%; font-size: 16px; border-left: solid 1px #00afec;}



.companyTable { width: 94%; border: solid 1px #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0 auto;}
.companyTable .cell { width: 100%; background: #fff; border-bottom: solid 1px #000; }
.companyTable .cell:nth-child(even) { background: #ddd; }
.companyTable .cell:last-child { border-bottom: none; }
.companyTable .cell:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.companyTable .cell .left { width: 160px; float: left; text-align: left; padding: 10px 0 10px 40px; font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.companyTable .cell .right { float: left; text-align: left; padding: 10px 0 10px 2em; font-size: 16px; border-left: solid 1px #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



.faqTable { width: 94%; border: solid 1px #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; margin-bottom: 30px;}
.faqTable > * { background: #fff; border-bottom: solid 1px #000; text-align: left; padding: 8px 0 8px 65px; font-size: 18px; font-size: 17px; }
.faqTable > *:nth-child(odd) { background: url(images/Q_02.png), #ddd; background-repeat:no-repeat; background-position: 15px center; color: #000; }
.faqTable > *:nth-child(even) { background: url(images/A.png), #fff; background-repeat:no-repeat; background-position: 15px 10px; }
.faqTable > *:last-child { border-bottom: none; }
.faqTable > *:after { display:block; clear:both; height:0; visibility:hidden; content:".";}



.aboutCell { display: block; overflow: hidden; width: 90%; height: auto; margin: 0 auto; padding: 50px 5%; text-align: center; background: #f5f4eb; }
.aboutCell:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.aboutCell .cell { display: block; overflow: hidden; width: 94%; height: auto; margin: 0 auto 40px auto; padding: 40px 3%; text-align: left; background: #fff; border: solid 1px #00afec;}
.aboutCell .cell h2 { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding:0 0 10px 0; text-align: center; }
.aboutCell .cell h3 { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding:20px 0 40px 0; text-align: center; font-size: 18px; font-weight: bold; letter-spacing: 0em; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}
.aboutCell .cell p { font-size: 14px; line-height: 30px; margin-top: 15px;}
.aboutCell ul { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; }
.aboutCell ul:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.aboutCell ul li:nth-child(odd) { display: block; overflow: hidden; float: left; width: 48%; height: auto; margin: 0; padding: 0; text-align: center; font-size: 14px; }
.aboutCell ul li:nth-child(even) { display: block; overflow: hidden; float: right; width: 48%; height: auto; margin: 0; padding: 0; text-align: center; font-size: 14px; }
.aboutCell ul li img { width: 100%; height: auto; }


.pagetop{ text-align:right; padding-bottom:10px; padding-top:30px; width: 100%; margin: 0 auto;}
.pagetop a{ background:url(images/arrow04.gif) 0 50% no-repeat; padding:0 0 0 15px; font-size:80%; text-decoration: none; color: #4d1c13;}


#footer { display: block; overflow: hidden; width: 100%; height: 45px; margin: 0 auto 0 auto; text-align: center; background: #ef4a00; }
#footer .wrap:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
#footer .wrap .left { display: block; float: left; width: 50%; height: 45px; margin: 0 auto; text-align: left; color: #fff; line-height: 45px; font-size: 10px; }
#footer .wrap .right { display: block; float: left; width: 50%; height: 45px; margin: 0 auto; text-align: right; color: #fff; line-height: 45px; font-size: 10px; }
#footer .wrap .left span { display: inline; font-size: 10px; padding-right: 3px; color: #fff; }
#footer .wrap .left a { font-size: 10px; padding-right: 20px; }
#footer .wrap .left a:link { color: #fff; text-decoration: none; }
#footer .wrap .left a:visited { color: #fff; text-decoration: none; }
#footer .wrap .left a:hover { color: #efefef; text-decoration: none; }
#footer .wrap .left a:active { color: #fff; text-decoration: none; }

.formTable { width: 94%; border-collapse: collapse; border: solid 1px #00afec; margin: 0 auto;}
.formTable th, .formTable td { padding: 10px 0px 10px 40px; text-align: left; border: solid 1px #00afec; font-family:Ryumin Medium KL,"リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif";  font-size: 16px;}
.formTable th { padding: 10px 0px 10px 40px; text-align: left; width: 155px; font-weight: normal;}
.formTable td span { font-size: 16px; margin-right: 10px;}
.formTable tr:nth-child(even) { background: #e5f7fd; }
.formTable input { margin: 0 0px; padding: 0px 2px; height: 20px; line-height: 20px;}
.formTable select { margin: 0 0px; padding: 0px 2px; height: 24px; line-height: 24px;}
.formTable input.s_cell { width: 115px;}
.formTable input.s_cell02 { width: 115px;}
.formTable input.m_cell { width: 390px; margin: 5px 0;}
.formTable textarea { width: 90%; height: 80px;}

.txt01 { font-size: 16px; line-height: 24px; margin: 15px 0 !important;}
.txt02 { font-size: 16px; line-height: 24px; margin-top: 15px !important;
}
.pp { font-size: 16px;}
.pp a { font-size: 16px;}


.about_btn { display: block; width: 236px; text-align: center !important; margin: 30px auto 0 auto !important;}

.hp_btn { display: block; width: 236px; text-align: center !important; margin: 0 auto !important; margin-top: 50px !important;}

.oubo_btn01 { display: block; width: 401px; text-align: center !important; margin: 0 auto !important; margin-top: 80px !important; margin-bottom: 30px !important;}
.oubo_btn02 { display: block; width: 401px; text-align: center !important; margin: 0 auto !important; margin-top: 80px !important; margin-bottom: 50px !important;}

.submit_btn { display: block; text-align: center !important; margin: 0 auto; margin-bottom: 30px !important; margin-top: 50px !important;}


.logoArea { display: block; overflow: hidden; width: 94%; margin: 3% 3% 0;}
.logoArea .logo01 { float: left;}
.logoArea .logo02 { float: right;text-align: right;}
.logoArea .logo02 img { width:45%;}




/* 20160601山沢追加 */
h3.h3_03 { font-size: 22px; line-height:22px; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif; margin-top:20px; margin-bottom:20px;}

#voiceMainVisual { display: block; overflow: hidden; width: 1000px; height: auto; margin: 0 auto; padding: 0; text-align: center; background: #fff; }
#voiceMainVisual img { display: block; width: 100%; height: auto; margin: 0 auto 20px; padding: 0; text-align: center; }

.mainArea .btn {width:236px; margin:50px auto 20px;}

#gyomuArea { display: block; overflow: hidden; width: 1000px; height: auto; text-align: left; margin: 0 auto; padding: 50px 0; position:relative; }
#gyomuArea .gyomu_img { position:absolute; top:150px; right:0; }
#gyomuArea h2{ display: block; width:100%; padding:10px 0; margin:0 0 5px ; border-bottom:#ef4a00 1px solid; text-align:left; }
#gyomuArea dl{ overflow:hidden; padding:20px 0 25px; text-align:left; background:url(images/voice_gyomu_line.png) repeat-x bottom left;}
#gyomuArea dt{ float:left; width: 80px; color:#ef4a00; font-size: 20px; font-weight:bold; margin:-3px 0 0; }
#gyomuArea dd{ float:left; width: 580px; font-size: 16px; line-height:1.7; }

.othervoiceArea { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0 0 70px; text-align: center;  background: #f5f4eb;}
.othervoiceArea h2{ margin:50px auto 40px;}
.othervoiceArea a{ display:block; }
.othervoiceArea a:hover{ opacity:0.65; }

}







@media screen and (min-width: 850px) and (max-width: 1399px)  {

#gmenu { display: block; width: 100%; height: auto; margin: 0 auto; text-align: center; background: #fff; }
#gmenu .gmenu { display: block; width: 820px; height: 87px; margin: 0 auto; text-align: center; background: #fff; }
#gmenu .gmenu:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
#gmenu .gmenu li { display: block; float: left; height: 30px; margin-top: 29px; }
#gmenu .gmenu li.gmenu_01 { display: block; width: 165px; border-right: solid 1px #cdcdcd; }
#gmenu .gmenu li.gmenu_02 { display: block; width: 298px; border-right: solid 1px #cdcdcd; }
#gmenu .gmenu li.gmenu_03 { display: block; width: 151px; }
#gmenu .gmenu li.gmenu_04 { display: block; width: 204px; }
#gmenu .gmenu li a { display: block; width: 100%; height: auto; text-align: left; text-indent: 37px; line-height: 30px; font-size: 18px; color: #00afec; text-decoration: none; background: url(images/icon_arrow_blue.png) no-repeat 20px center; }
#gmenu .gmenu li a:link { color: #000; text-decoration: none; }
#gmenu .gmenu li a:visited { color: #000; text-decoration: none; }
#gmenu .gmenu li a:hover { color: #00afec; text-decoration: none; }
#gmenu .gmenu li a:active { color: #000; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu { display: block; width: 100%; height: 30px; text-align: center; text-indent: 0; line-height: 30px; font-size: 16px; color: #fff; background: #00afec; font-weight: bold;}
#gmenu .gmenu li a.trigerMenu:link { color: #fff; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu:visited { color: #fff; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu:hover { color: #fff; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu:active { color: #fff; text-decoration: none; }
#gmenu .gmenu li a.trigerMenu span.off { display: block; width: 100%; height: auto; color: #fff; line-height: 30px; background: url(images/icon_arrow_white_on.png) no-repeat 18px center;}
#gmenu .gmenu li a.trigerMenu span.on { display: block; width: 100%; height: auto; color: #fff; line-height: 30px; background: url(images/icon_arrow_white_on.png) no-repeat 18px center;}


}



@media screen and (min-width: 1000px) and (max-width: 1399px)  {

#gmenu .submenuArea { position: absolute; top:100px; left: 0; z-index: 900; display: none; width: 100%; overflow: hidden; height: 55px; margin: 0 auto; padding: 45px 0 20px 0; text-align: center; background: url(images/gmenu_bg.png) no-repeat center bottom, url(images/gmenu_bg02.png) repeat-x bottom; }
#gmenu .submenuArea .subWrap { display: block; width: 1000px; overflow: hidden; height: 55px; margin: 0 auto; padding: 0; }
#gmenu .submenuArea .submenu { display: flex;
    justify-content: center; /* 中央揃え */ width: 1030px; height: 55px; margin: 0 auto; text-align: left; }
#gmenu .submenuArea .submenu:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
#gmenu .submenuArea .submenu li { display: block; width: 171px; float: left; height: 55px; margin: 0; padding: 0; text-align: left; font-size: 15px; font-weight: bold; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}
#gmenu .submenuArea .submenu li a { height: 53px; margin: 0 30px 0 0; padding: 0; text-align: center; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; font-size: 16px; font-weight: bold; text-decoration: none;}
#gmenu .submenuArea .submenu li a:hover { background:rgba(255,255,255,0.85);}
#gmenu .submenuArea .submenu li a span { display: table-cell; width: 141px; height: 53px; vertical-align:middle; background: url(images/icon_arrow_blue.png) no-repeat 90% center; color: #00afec;  font-size: 13px;}
#gmenu .submenuArea .submenu span.cs { line-height: 53px; color: #999; display: block; width: 141px; height: 53px; margin: 0 30px 0 0; padding: 0; text-align: center; background: #f5f4eb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; font-size: 17px;}
#gmenu .submenuArea .submenu li:last-child span.cs { line-height: 53px; color: #999; display: block; width: 141px; height: 53px; margin: 0 0% 0 0; padding: 0; text-align: center; background: #f5f4eb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; font-size: 15px;}
/*
#gmenu .submenuArea .submenu li a:link span { display: block; width: 174px; height: 53px; line-height: 53px; background: url(images/icon_arrow_blue.png) no-repeat 90% center; color: #00afec;  font-size: 15px;}
#gmenu .submenuArea .submenu li a:visited span { display: block; width: 174px; height: 53px; line-height: 53px; background: url(images/icon_arrow_blue.png) no-repeat 90% center; color: #00afec;  font-size: 15px;}
#gmenu .submenuArea .submenu li a:hover span { display: block; width: 174px; height: 53px; line-height: 53px; background: url(images/icon_arrow_blue.png) no-repeat 90% center; color: #000;  font-size: 15px;}
#gmenu .submenuArea .submenu li a:active span { display: block; width: 174px; height: 53px; line-height: 53px; background: url(images/icon_arrow_blue.png) no-repeat 90% center; color: #00afec;  font-size: 15px;}
*/





.mainBtmArea { display: block; overflow: hidden; width: 1000px; height: auto; margin: 0 auto 80px auto; padding: 0; text-align: center; }
.mainBtmArea .subWrap { display: block; width: 1000px; overflow: hidden; height: auto; margin: 0 auto; padding: 0; }
.mainBtmArea .mainBtm { display: block; width: 1030px; height: auto; margin: 0 auto; text-align: left; }
.mainBtmArea .mainBtm:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.mainBtmArea .mainBtm li { position: relative; display: block; float: left; width: 27%; height: 70px; margin: 0 30px 0 0; padding: 0; text-align: center; background: #00afec;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #00afec; }
.mainBtmArea .mainBtm li.jobjob {  background: url(images/icon_arrow_white_off.png) no-repeat 90%, #00afec;  }
.mainBtmArea .mainBtm li:last-child { margin: 0 0 0 0; }

.mainBtmArea .mainBtm li:hover { opacity:0.6;}
.mainBtmArea .mainBtm li.cs:hover { opacity:1;}

.mainBtmArea .mainBtm a { display: block; overflow: hidden; width: 100%; height: 100%;}

.mainBtmArea .mainBtm li.cs { position: relative; display: block; float: left; width: 139px; height: 132px; margin: 0 30px 0 0; padding: 0; text-align: center;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #999; background: url(images/icon_arrow_white_off.png) no-repeat center 90%, #999;}
.mainBtmArea .mainBtm li.ts { position: relative; display: block; float: left; width: 139px; height: 132px; margin: 0 30px 0 0; padding: 0; text-align: center;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #999; background: #999;}

.mainBtmArea .mainBtm li.cs .cswrap { display: block; width: 100%; height: 100%; background: url(images/comingsoon.png) no-repeat left top; }

.mainBtmArea .mainBtm li div.name {
	display: table;
	width: 100%;
	height: 40px;
	color: #fff;
	position: absolute;
	top: 22px;
	left: 1px;
	text-align: center;
	margin: 0 auto;
}
.mainBtmArea .mainBtm li div.name span { display: table-cell; width: 100%; height: auto; color: #fff; text-align: center; margin: 0 auto; vertical-align: bottom; font-size: 16px; font-weight: bold;}

.mainBtmArea .mainBtm li div.job { display: table; width: 100%; height: auto; color: #fff; position: absolute; top: 60px; left: 0; text-align: center; margin: 0 auto;}
.mainBtmArea .mainBtm li div.job .duelCell { display: table-cell; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; font-size: 18px; vertical-align: bottom; }
.mainBtmArea .mainBtm li div.job .duelCell a,
.mainBtmArea .mainBtm li div.job .duelCell span {
	 display: block;
	 width: 100%;
	 text-align: center;
	 font-size: 14px;
	 font-weight: bold;
	 color: #fff;
	 text-decoration: none;
	 line-height: 1.2;
    padding-top: 0;
    height: auto;
 }
.mainBtmArea .mainBtm li div.job .duelCell a:link { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job .duelCell a:visited { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job .duelCell a:hover { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job .duelCell a:active { color: #fff; text-decoration: none; }

.mainBtmArea .mainBtm li div.job_01 { display: table; width: 100%; height: auto; color: #fff; position: absolute; top: 55px; left: 0; text-align: center; margin: 0 auto; }
.mainBtmArea .mainBtm li div.job_01 .duelCell { display: table-cell; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; font-size: 22px; vertical-align: bottom; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a,
.mainBtmArea .mainBtm li div.job_01 .duelCell span { display: block; width: 100%; height: auto; text-align: center; font-size: 18px; font-weight: bold; color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job_01 .duelCell span small { font-size: 14px;color: #fff; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a:link { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a:visited { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a:hover { color: #fff; text-decoration: none; }
.mainBtmArea .mainBtm li div.job_01 .duelCell a:active { color: #fff; text-decoration: none; }


.logoArea { display: block; overflow: hidden; width: 1000px; margin: 30px auto 0;}
.logoArea .logo01 { float: left;}
.logoArea .logo02 { float: right;}
.logoArea .logo02 img { width:45%;}

#gmenu .submenuArea .submenu li { width: 30%; }
}

/* 20160601山沢追加 */
@media screen and (max-width: 999px){

#gyomuArea { display: block; overflow: hidden; width: 93%; height: auto; text-align: left; margin: 0 auto; padding: 50px 0; position:relative; }
#gyomuArea .gyomu_img { width:25%; position: absolute; top:150px; right:0; }
#gyomuArea .gyomu_img img { width:100%; }
#gyomuArea h2{ display: block; width:100%; padding:10px 0; margin:0 0 5px ; border-bottom: none; text-align:left; }
#gyomuArea dl{ overflow:hidden; padding:20px 0 25px; text-align:left; background:url(images/voice_gyomu_line.png) repeat-x bottom left;}
#gyomuArea dt{ float:left; width: 12%; color:#ef4a00; font-size: 20px; font-weight:bold; margin:-3px 0 0; }
#gyomuArea dd{ float:left; width: 60%; font-size: 16px; line-height:1.7; }

#gmenu .submenuArea .submenu li { width: 30%; }

}

/* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp */
/* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp */
/* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp */
/* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp */
/* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp */
/* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp */
@media screen and (max-width: 766px){

body { overflow-x: hidden;}
* { font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }
.mn { font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif !important; }

.mainBtmArea .mainBtm {
    display: block !important;
    }
#h_cell { position: fixed; width: 100%; top: 0; height: 75px; z-index: 100;}

.pc_b { display: none;}
.tab { display: none;}

.maincontents { overflow:hidden; padding-top: 75px;}

.sp {display: block;}
.pc {display: none;}

.bnr { display: block; width: 80%; height: auto; margin: 0 auto; text-align: center; }
.bnr90 { display: block; width: 90%; height: auto; margin: 0 auto; text-align: center; }
.bnr100 { display: block; width: 100%; height: auto; margin: 0 auto; text-align: center; }

.pro_img { margin: 0 auto; margin-top: 30px; margin-bottom: 20px;}

.cover { display: none; width: 130%; height: 100%; background-color:rgba(0,0,0,0.85); position: absolute; top: 0; right: 0; z-index: 800; padding: 0; margin: 0; }
.spSpan { display: block; }
.bg02 { width: 100%; height: auto; padding: 1em 0 2em 0 ; margin: 0 auto; text-align: center; background: #f5f4eb!important; }

#header { display: block; width: 98%; height: auto; margin: 0 auto; padding: 0.2em 1%; text-align: center; background: #ef4a00; }
#header .wrap:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
#header .wrap .spLeft { display: block; float: left; width: 76%; height: auto; margin: 0 2%; text-align: left; color: #fff; }
#header .wrap .spLeft a { text-decoration: none;}
#header .wrap .logo { display: block; width: 100%; height: auto; margin: 0 auto; text-align: center; color: #fff; }
#header .wrap .logo img { width: auto; height: 20px; padding-top: 11px; margin: 0 auto; text-align: center; }
#header .wrap .ttl { display: block; width: auto; height: auto; margin: 0 auto; text-align: center; color: #fff; line-height: 40px; font-size: 10px; font-weight: bold;}
#header .wrap .spRight { display: block; float: right; width: 40px; height: auto; margin: 0 5px 0 0; text-align: center; }
#header .wrap .spRight img { width: 100%; height: auto; padding-top: 15px; }

.spMenu { display: none; width: 100%; position: absolute; top: 0; right: 0; z-index: 900; }
.spMenu:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.spMenu .left { display: block; float: left; width: 40%; height: 100%; text-align: right; }
.spMenu .left span { display: block;  float: right; width: 1.4em; height: auto;padding: 1em; }
.spMenu .left span img { width: 100%; height: auto;}
.spMenu .right { display: block; float: left; width: 60%; height: 100%; background: #333;}
.spMenu .right .gmenu { display: block; width: auto; height: auto; margin: 0 auto; text-align: center; }
.spMenu .right .gmenu:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.spMenu .right .gmenu li { display: block; height: auto; margin:0; background: #333; border-bottom: solid 1px #fff; }
.spMenu .right .gmenu li a { display: block; width: auto; height: auto; padding: 1em 0; text-align: left; text-indent: 1em; line-height: auto; font-size: 14px; color: #fff; text-decoration: none; }
.spMenu .right .gmenu li a:link { color: #fff; text-decoration: none; }
.spMenu .right .gmenu li a:visited { color: #fff; text-decoration: none; }
.spMenu .right .gmenu li a:hover { color: #000; text-decoration: none; background: #fff; }
.spMenu .right .gmenu li a:active { color: #fff; text-decoration: none; }
.spMenu .right .gmenu li a.trigerMenu { display: block; width: auto; height: auto; padding: 0; text-align: left; text-indent: 1em; line-height: auto; font-size: 14px; color: #fff; }
.spMenu .right .gmenu li a.trigerMenu:link { color: #fff; text-decoration: none; }
.spMenu .right .gmenu li a.trigerMenu:visited { color: #fff; text-decoration: none; }
.spMenu .right .gmenu li a.trigerMenu:hover { color: #fff; text-decoration: none; background: none; }
.spMenu .right .gmenu li a.trigerMenu:active { color: #fff; text-decoration: none; }
.spMenu .right .gmenu li a.trigerMenu span.off { display: block; width: auto; height: auto; padding: 1em 0; color: #fff; line-height: auto; font-size: 1em; background: url(images/icon_arrow_white_on.png) no-repeat 90% center; }
.spMenu .right .gmenu li a.trigerMenu span.on { display: block; width: auto; height: auto; padding: 1em 0; color: #fff; line-height: auto; font-size: 1em; background: url(images/icon_arrow_white_on.png) no-repeat 90% center; }

.spMenu .submenuArea { display: none; width: auto; height: auto; margin: 0 auto; padding: 0; text-align: left; }
.spMenu .submenuArea .subWrap { display: block; width: auto; height: auto; margin: 0 auto; padding: 0; }
.spMenu .submenuArea .submenu { display: block; width: auto; height: auto; margin: 0 auto; text-align: left; }
.spMenu .submenuArea .submenu:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.spMenu .submenuArea .submenu li { display: block; width: auto; height: auto; margin: 0; padding: 0; text-align: left; background: #e6e6e6; border-bottom: solid 1px #999; font-size: 1em; }
.spMenu .submenuArea .submenu li.linkcell { display: block; width: auto; height: auto; margin: 0; padding: 0; text-align: left; background: #fff; border-bottom: solid 1px #999; font-size: 1em; }
.spMenu .submenuArea .submenu li a { display: block; width: auto; height: auto; padding: 0; text-align: left; line-height: auto; font-size: 14px; color: #000; text-decoration: none; }
.spMenu .submenuArea .submenu li a:link { color: #fff; text-decoration: none; }
.spMenu .submenuArea .submenu li a:visited { color: #fff; text-decoration: none; }
.spMenu .submenuArea .submenu li a:hover { color: #000; text-decoration: none; background: #fff; }
.spMenu .submenuArea .submenu li a:active { color: #fff; text-decoration: none; }
.spMenu .submenuArea .submenu li span { display: block; width: auto; height: auto; padding: 1em 0; text-align: left; text-indent: 1em; line-height: auto; font-size: 14px; color: #000; text-decoration: none; }
.spMenu .submenuArea .submenu li span.cs { display: block; width: auto; height: auto; padding: 1em 0; text-align: left; text-indent: 1em; line-height: auto; font-size: 14px; color: #000; text-decoration: none; }

#gmenu { display: none; }

#mainVisual { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }
#mainVisual p { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }
#mainVisual img { width: 100%; height: auto; }


#subIndexMainVisual { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; background: #fff; }
#subIndexMainVisual p { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }
#subIndexMainVisual img { width: 100%; height: auto; }
#subPageMainVisual { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; background: #fff; }
#subPageMainVisual p { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }
#subPageMainVisual img { display: block; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }


#pankz { width: 98%; margin: 1em 1%; font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#pankz { display: none;}

h2.normal { display: inline-block; width: auto; font-size: 20px; line-height: 30px; margin: 20px 0 20px 0; padding-bottom: 5px; text-align: center; border-bottom: solid 1px #030000; font-weight: normal; color: #000; letter-spacing: 0.2em; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif" !important;}

h2.normal br { height: 0 !important;}

h2.normal02 { display: inline-block; width: auto; font-size: 18px !important; line-height: 23px !important; margin: 20px 0 15px 0; padding-bottom: 5px !important; text-align: center; border-bottom: solid 1px #030000; font-weight: normal; color: #000; letter-spacing: 0; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif" !important;}

h2.normal03 { display: inline-block; width: auto; font-size: 20px !important; line-height: 20px; margin: 20px 0px; padding-bottom: 10px; text-align: center; border-bottom: solid 1px #030000; font-weight: normal; color: #000; letter-spacing: 0.02em; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif" !important;}

h2.normal04 { display: inline-block; width: auto; font-size: 18px !important; line-height: 23px !important; margin: 30px 0 30px 0; padding-bottom: 10px !important; text-align: center; border-bottom: solid 1px #030000; font-weight: normal; color: #000; letter-spacing: 0.02em; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif" !important;}


h3.h3_01 { font-size: 14px; margin-bottom: 15px; line-height:20px; font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}

.about_ttl01 { width: 80%; margin: 20px 10%; padding-bottom: 7px; border-bottom: solid 1px #030000;}
.about_ttl01 img { width: 100%; margin: 0 auto;}


.mainBtmArea { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; }
.mainBtmArea .cnt{ display: block; width: 94%; margin: 0 3%;}
.mainBtmArea .cnt img { width: 100%;}


.toggleSlideArea { display: block; width: 94%; height: auto; margin: 2em 3%; text-align: center; border: solid 1px #00a0e9; }
.toggleSlideArea h2.open { display: block; width: 100%; height: auto; line-height: 18px !important; margin: 0 0 0 0; text-align: let; background: url(images/icon_sp_open.png),#00a0e9; background-repeat: no-repeat; background-position: 98% center; background-size: auto 70%; color: #fff; font-size: 18px !important; padding: 12px 0% !important; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif" !important; font-weight: bold; border-bottom: none;}
.toggleSlideArea h2 { display: block; width: 100%; height: auto; line-height: 18px !important; margin: 0 0 0 0; text-align: left; background: url(images/icon_sp_close.png),#00a0e9; background-repeat: no-repeat; background-position: 97% center; background-size: auto 70%; color: #fff; font-size: 18px !important; padding: 12px 0%; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif" !important;}
.toggleSlideArea .subWrap { display: none; }
.toggleSlideArea .mainBtm { display: block; width: 100%; height: auto; margin: 0 auto; text-align: left; }
.toggleSlideArea .mainBtm li { display: block; width: 90%; height: auto; margin: 0; padding: 12px 5%; text-align: center; border-bottom: solid 1px #00a0e9; background: url(images/icon_arrow_blue.png) no-repeat 95% center,#fff;}
.toggleSlideArea .mainBtm a { display: block; overflow: hidden; width: 100%; height: 100%;}

.toggleSlideArea .mainBtm li.cs { display: block; width: 90%; height: auto; margin: 0; padding: 12px 5%; text-align: center; border-bottom: solid 1px #00a0e9; background: url(images/icon_arrow_blue.png) no-repeat 95% center,#e6e6e6;}
.toggleSlideArea .mainBtm li.cs:last-child { display: block; width: 90%; height: auto; margin: 0; padding: 12px 5%; text-align: center; border-bottom: none; background: url(images/icon_arrow_blue.png) no-repeat 95% center,#e6e6e6; font-size: 1.1em!important; }
.toggleSlideArea .mainBtm li:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.toggleSlideArea .mainBtm li div.name { display: block; float: left; height: auto; text-align: left; margin: 0 auto; padding: 2px 10px 0 0; font-size: 12px !important;}
.toggleSlideArea .mainBtm li div.n_01 { padding-top: 10px;}
.toggleSlideArea .mainBtm li div.name span { display: block; width: 100%; height: auto; text-align: left; margin: 0 auto; font-size: 12px !important;}
.toggleSlideArea .mainBtm li div.job { display: block; float: left; height: auto; text-align: left; margin: 0 auto; padding: 0 0 0 0; font-size: 15px !important;}
.toggleSlideArea .mainBtm li div.job .duelCell { display: block; width: auto; height: auto; margin: 0 auto; padding: 0; font-size: 15px !important;}
.toggleSlideArea .mainBtm li div.job .duelCell span { display: block; width: 100%; height: auto; padding: 0em 0 !important; margin: 0; text-align: left; text-decoration: none; color: #000; font-size: 15px !important;}

.toggleSlideArea .mainBtm li div.job_01 { display: block; float: left; height: auto; text-align: left; margin: 0 auto; padding: 0 0 0 0; font-size: 15px !important;}
.toggleSlideArea .mainBtm li div.job_01 .duelCell { display: block; width: auto; height: auto; margin: 0 auto; padding: 0; font-size: 15px !important;}
.toggleSlideArea .mainBtm li div.job_01 .duelCell span { display: block; width: 100%; height: auto; padding: 0em 0 !important; margin: 0; text-align: left; text-decoration: none; color: #000; font-size: 15px !important;}


.mainArea { display: block; overflow: hidden; width: 98%; height: auto; margin: 0 auto; padding: 0; text-align: center; }
.mainArea p { text-align: left; margin: 0 0 1em 0; }
.mainArea p.cnt { display: block; width: 100%; text-align: center; margin: 0 auto ; }


.h2_01 { width: 100%; margin: 30px 0 20px 0; padding: 0 0 0 0;}
.h2_01 img { width: 100%;}

.h2_02 { width: 100%; margin: 25px 0 15px 0; padding: 0 0 0 0;}
.h2_02 img { width: 100%;}

.h2_03 { width: 100%; margin: 25px 0 25px 0; padding: 0 0 0 0;}
.h2_03 img { width: 100%;}

.h2_04 { width: 100%; margin: 30px 0 25px 0; padding: 0 0 0 0;}
.h2_04 img { width: 100%;}

.h2_05 { width: 100%; margin: 25px 0 25px 0; padding: 0 0 0 0;}
.h2_05 img { width: 100%;}

.mainTxt { font-size: 12px; width: 94% !important; margin: 20px 3% !important; text-align: left !important;}
.mainTxt02 { font-size: 12px; text-align: left !important; width: 92% !important; margin: 0 4% !important;}

.voiceUl { display: block; width: 100%; text-align: center; margin: 0 auto; }
.voiceUl li:nth-child(odd) { display: block; overflow: visible; width: 100%; height: auto; text-align: center; margin: 0 auto; padding: 0; background: #f5f4eb; }
.voiceUl li:nth-child(even) { display: block; overflow: visible; width: 100%; height: auto; text-align: center; margin: 0 auto; padding: 0; background: #fbfbf7; }
.voiceUl li .cell { display: block; overflow: visible; width: 96%; height: auto; text-align: center; margin: 0 auto; padding: 2em 0; }
.voiceUl li .left { display: block; overflow: hidden; width: auto; text-align: center; margin: 0 auto; }
.voiceUl li .left01 .img { display: block; overflow: hidden; width: 71.875%; height: auto; text-align: center; margin: 0 auto; border: 3px solid #fff; }
.voiceUl li .left01 .img img { width: 100%; height: auto;}
.voiceUl li .right02 .img { display: block; overflow: hidden; width: 71.875%; height: auto; text-align: center; margin: 0 auto; border: 3px solid #fff;}
.voiceUl li .right02 .img img { width: 100%; height: auto;}
.voiceUl li .right01 { display: block; overflow: visible; width: 90%; height: auto; text-align: left; margin: 0 auto; }
.voiceUl li .left02 { display: block; overflow: visible; width: 90%; height: auto; text-align: left; margin: 0 auto; }


.voiceUl li .right01 h2,.voiceUl li .left02 h2 { width: 100%; margin: 22px 0 0 0; padding: 0 0 0 0;}
.voiceUl li .right01 h2 img, .voiceUl li .left02 h2 img { width: 100%;}

.voiceUl li .right01 h3,.voiceUl li .left02 h3 { width: 100%; margin: 20px 0 0 0; padding: 0 0 0 0;}
.voiceUl li .right01 h3 img, .voiceUl li .left02 h3 img { width: 100%;}

.voiceUl li .right01 p,.voiceUl li .left02 p { width: 100%; margin: 15px 0 0 0; padding: 0 0 0 0;}
.voiceUl li .right01 p img, .voiceUl li .left02 p img { width: 100%;}

.voiceUl li .right01 span.cs { display: inline-block; padding: 5px; margin: 15px auto 0 auto; text-align: center; background: #999; color: #fff; font-size: 10px; font-weight: bold; letter-spacing: 0.04em;}
.voiceUl li .left02 span.cs { display: inline-block; padding: 5px; margin: 15px auto 0 auto; text-align: center; background: #999; color: #fff; font-size: 10px; font-weight: bold; letter-spacing: 0.04em;}
.maincontents ul.voiceUl li a{ text-decoration:none;}
.maincontents ul.voiceUl li a span.cs{ width:7%; text-align:center; display:block; }



a.blueBtn { display: inline-block; width: auto; height: auto; padding:0; margin: 30px auto; text-align: center; line-height: auto; font-size: 1em; color: #fff; background: #00afec; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
a.blueBtn:link span { display: block; width: auto; height: auto; padding: 1em 3em; color: #fff; line-height: auto; font-size: 1em; background: url(images/icon_arrow_white_off.png) no-repeat 90% center; text-decoration: none; font-weight: bold;}
a.blueBtn:visited span { display: block; width: auto; height: auto; padding: 1em 3em; color: #fff; line-height: auto; font-size: 1em; background: url(images/icon_arrow_white_off.png) no-repeat 90% center; text-decoration: none; }
a.blueBtn:hover span { display: block; width: auto; height: auto; padding: 1em 3em; color: #fff; line-height: auto; font-size: 1em; background: url(images/icon_arrow_white_off.png) no-repeat 90% center; text-decoration: none; }
a.blueBtn:active span { display: block; width: auto; height: auto; padding: 1em 3em; color: #fff; line-height: auto; font-size: 1em; background: url(images/icon_arrow_white_off.png) no-repeat 90% center; text-decoration: none; }

a.blueBtn02 { display: inline-block; width: auto; height: auto; padding:0; margin: 30px auto; text-align: center; line-height: auto; font-size: 1em; color: #fff; background: #00afec; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
a.blueBtn02:link span { display: block; width: auto; height: auto; padding: 10px 35px; color: #fff; line-height: auto; font-size: 14px; background: url(images/icon_arrow_white_off.png) no-repeat 95% center; text-decoration: none; font-weight: bold;}
a.blueBtn02:visited span { display: block; width: auto; height: auto; padding: 10px 35px; color: #fff; line-height: auto; font-size: 14px; background: url(images/icon_arrow_white_off.png) no-repeat 95% center; text-decoration: none; }
a.blueBtn02:hover span { display: block; width: auto; height: auto; padding: 10px 35px; color: #fff; line-height: auto; font-size: 14px; background: url(images/icon_arrow_white_off.png) no-repeat 95% center; text-decoration: none; }
a.blueBtn02:active span { display: block; width: auto; height: auto; padding: 10px 35px; color: #fff; line-height: auto; font-size: 14px; background: url(images/icon_arrow_white_off.png) no-repeat 95% center; text-decoration: none; }


a.greenBtn { display: inline-block; width: 200px; height: auto; padding:0; margin: 30px auto; text-align: center; line-height: auto; color: #fff; background: -moz-linear-gradient(top,#8fc31f 0%,#75a903); background: -webkit-gradient(linear, left top, left bottom,from(#8fc31f),to(#75a903)); text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
a.greenBtn span { font-size: 18px; padding: 15px 30px 15px 0px; font-weight: bold; text-shadow: 1px 1px #67852d;}
a.greenBtn:link span { display: block; width: auto; height: auto; color: #fff; line-height: auto; background: url(images/icon_01.png) no-repeat 90% center; text-decoration: none; }
a.greenBtn:visited span { display: block; width: auto; height: auto; color: #fff; line-height: auto; background: url(images/icon_01.png) no-repeat 90% center; text-decoration: none; }
a.greenBtn:hover span { display: block; width: auto; height: auto; color: #fff; line-height: auto; background: url(images/icon_01.png) no-repeat 90% center; text-decoration: none; }
a.greenBtn:active span { display: block; width: auto; height: auto; color: #fff; line-height: auto; background: url(images/icon_01.png) no-repeat 90% center; text-decoration: none; }

.tel { font-size: 12px; font-weight: bold; margin-bottom: 20px !important;}
.tel span { font-size: 22px !important; font-weight: bold; padding: 10px 0 10px 20px; background: url(images/icon_tel.png) no-repeat left center;  }
.tel span a { font-size: 22px !important; font-weight: bold; color: #000; text-decoration: none;}

.voiceUlmini {}
.voiceUlmini:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.voiceUlmini li:nth-child(odd) { display: block; overflow: hidden; width: 94%; height: auto; margin: 0 3% 25px 3%; padding: 0; text-align: left; background: #fff; border: solid 1px #00afec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.voiceUlmini li:nth-child(even) { display: block; overflow: hidden; width: 94%; height: auto; margin: 0 3% 25px 3%; padding: 0; text-align: left; background: #fff; border: solid 1px #00afec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.voiceUlmini li .left { display: block; overflow: hidden; float: left; width: 55%; height: auto; margin: 0 auto; padding: 0; text-align: left;}
.voiceUlmini li .left .img { display: block; overflow: hidden; float: left; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center;}
.voiceUlmini li .left .img img {  width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center;}
.voiceUlmini li .right { display: block; overflow: hidden; float: right; width: 45%; height: auto; margin: 0 auto; padding: 0; text-align: center;}
.voiceUlmini li .right p { display: block; font-size: 10px; margin: 25px 0 0 0; text-align: center; line-height: 1em; background: none; color: #000; letter-spacing: 0.1em; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif" !important;}
.voiceUlmini li .right h3 { display: block; margin: 5px 0 0 0; font-size: 18px; text-align: center; font-weight: normal; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif" !important;}
.voiceUlmini li .right span { display: inline-block; padding: 2px 5px; margin: 5px 0 0 0; text-align: center; background: #f5f4eb; color: #999999; font-size: 12px; font-weight: bold;}

.detailTable { width: 100%; border: solid 1px #00afec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.detailTable .cell { width: 100%; background: #fff; border-bottom: solid 1px #00afec; }
.detailTable .cell:nth-child(even) { background: #e5f7fd; }
.detailTable .cell:last-child { border-bottom: none; }
.detailTable .cell:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.detailTable .cell .left { width: 35%; float: left; text-align: left; padding:0.5em 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.detailTable .cell .right { width: 65%; float: left; text-align: left; padding:0.5em 1em; border-left: solid 1px #00afec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.companyTable { width: 100%; border: solid 1px #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.companyTable .cell { width: 100%; background: #fff; border-bottom: solid 1px #000; }
.companyTable .cell:nth-child(even) { background: #ddd; }
.companyTable .cell:last-child { border-bottom: none; }
.companyTable .cell:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.companyTable .cell .left { width: 28%; float: left; text-align: left; padding: 5px 0 5px 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.companyTable .cell .right { width: 68%; float: left; text-align: left; padding: 5px 0 5px 2%; border-left: solid 1px #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.faqTable { width: 100%; margin-bottom: 35px; border: solid 1px #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.faqTable > * { background: #fff; border-bottom: solid 1px #000; text-align: left; padding:5px 10px 5px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.faqTable > *:nth-child(odd) { background: url(images/Q_02.png),url(images/faq02_on.png), #ddd; background-repeat:no-repeat,no-repeat; background-position: 10px center, 98% center; background-size: 20px auto, 20px auto; color: #000; }
.faqTable > *.faqbtn { background: url(images/Q_02.png),url(images/faq02_off.png), #ddd; background-repeat:no-repeat,no-repeat; background-position: 10px center, 98% center; background-size: 20px auto, 20px auto; color: #000; }
.faqTable > *.faqbtn.open { background: url(images/Q_02.png),url(images/faq02_on.png), #ddd; background-repeat:no-repeat,no-repeat; background-position: 10px center, 98% center; background-size: 20px auto, 20px auto; color: #000; }
.faqTable > *:nth-child(even) { display: none; background: url(images/A.png), #fff; background-repeat:no-repeat; background-position: 10px 7px; background-size: 20px auto }
.faqTable > *:last-child { border-bottom: none; }
.faqTable > *:after { display:block; clear:both; height:0; visibility:hidden; content:".";}


.aboutCell { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 50px 0; text-align: center; background: #f5f4eb; }
.aboutCell:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.aboutCell .cell { display: block; overflow: hidden; width: 1000px; height: auto; margin: 0 auto 40px auto; padding: 40px 100px; text-align: left; background: #fff; border: solid 1px #00afec;}
.aboutCell .cell h2 { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 0 0 0 !important; padding:0 0 0px 0; text-align: center;}
.aboutCell .cell h2 img { width: 100%;}
.aboutCell .cell h3 { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding:0px 0 40px 0; text-align: center; font-size: 18px; }
.aboutCell ul { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; }
.aboutCell ul:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.aboutCell ul li:nth-child(odd) { display: block; overflow: hidden; float: none; width: 92%; height: auto; margin: 0 4% 20px 4%; padding: 0; text-align: center; font-size: 14px; }
.aboutCell ul li:nth-child(even) { display: block; overflow: hidden; float: none; width: 92%; height: auto; margin: 0 4%; padding: 0; text-align: center; font-size: 14px; }
.aboutCell ul li img { width: 100% !important; height: auto; margin-bottom: 10px; }
.aboutCell ul li p { font-size: 12px;}

.mb20 { margin-bottom: 20px !important;}

.formTable { width: 100%; border-collapse: collapse; border: solid 1px #00afec;}
.formTable th { width: 33% !important; padding: 8px 0 8px 4%; text-align: left; vertical-align: top; border: solid 1px #00afec; font-size: 12px; font-weight: normal;}
.formTable th sup { font-size: 11px;}
.formTable td { padding:  8px 0 8px 4%; text-align: left; border: solid 1px #00afec; font-size: 12px;}
.formTable tr:nth-child(even) { background: #e5f7fd; }
.formTable input { margin: 0px 0; }
.formTable input[type=text] { width: auto; margin: 0px 0; }
.formTable input.tel { width: 5em; margin: 10px; }
.formTable span { display :block; }

.formTable select { width: 115px; border: 1px solid #9a9a9a; border-radius: 0; box-shadow: none;}
.formTable input.s_cell {-webkit-appearance:none; width: 115px; border: 1px solid #9a9a9a; border-radius: 0; box-shadow: none;}
.formTable input.s_cell02 {-webkit-appearance:none; width: 50px; border: 1px solid #9a9a9a; border-radius: 0; box-shadow: none;}
.formTable input.m_cell {-webkit-appearance:none; width: 90%; margin: 0px 0; border: 1px solid #9a9a9a; border-radius: 0; box-shadow: none;}
.formTable textarea {-webkit-appearance:none; width: 90%; height: 80px; border: 1px solid #9a9a9a; border-radius: 0; box-shadow: none;}

.txt_r { float: right;}

.input_mb { margin-bottom: 6px;}

.pp { font-size: 12px; margin: 40px 0 0px 0 !important;}
.pp a { font-size: 12px;}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

#submit {
  	width: 200px;
  	height: 50px;
	line-height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 20px 0 0;
	margin-bottom: 50px;
	background: url(images/icon_01.png) no-repeat 90% center, -moz-linear-gradient(top,#8fc31f 0%,#75a903);
	background: url(images/icon_01.png) no-repeat 90% center, -webkit-gradient(linear, left top, left bottom,from(#8fc31f),to(#75a903));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #8fc31f;
	text-shadow:
		0px 2px 0px rgba(000,000,000,0.3),
		0px 1px 0px rgba(255,255,255,0.2);
	margin-top: 50px;
	cursor: pointer;
}

#submit[disabled] {
  	width: 200px;
  	height: 50px;
	line-height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 20px 0 0;
	margin-bottom: 50px;
	background: url(images/icon_01.png) no-repeat 90% center, #efefef;
	border: 1px solid #efefef;
	text-shadow:
		0px 2px 0px rgba(000,000,000,0.3),
		0px 1px 0px rgba(255,255,255,0.2);
}

.aboutCell { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 1em 0 0 0; text-align: center; background: #f5f4eb; }
.aboutCell:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.aboutCell .cell { display: block; overflow: hidden; width: 90%; height: auto; margin: 0 auto 40px auto; padding: 15px; text-align: left; background: #fff; border: solid 1px #00afec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.aboutCell .cell h3 { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 1em 0; text-align: center; font-size: 1.1em; }
.aboutCell ul { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; }
.aboutCell ul li { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 0 1em 0; padding: 0; text-align: center; font-size: 1em; }
.aboutCell ul li img { width: 80%; height: auto; }

#footer { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 1em 0; text-align: center; background: #ef4a00; color:#fff;}
#footer .wrap .left { display: block; width: 100%; height: auto; margin: 0 auto; text-align: center; color: #fff !important; line-height: auto; font-size: 1em; }
#footer .wrap .right { display: block; width: 100%; height: auto; margin: 0 auto; text-align: center; color: #fff; line-height: auto; font-size: 10px; }
#footer .wrap .left a { font-size: 10px; padding-right: 1em; display: block; }
#footer .wrap .left .link::after { content: "　|"; color: #fff;}
#footer .wrap .left a:link { color: #fff; text-decoration: none; }
#footer .wrap .left a:visited { color: #fff; text-decoration: none; }
#footer .wrap .left a:hover { color: #efefef; text-decoration: none; }
#footer .wrap .left a:active { color: #fff; text-decoration: none; }

.txt01 { font-size: 12px !important; margin-bottom: 20px !important; margin-top: 10px !important;}
.txt02 { font-size: 12px !important; margin-bottom: 20px !important;}
.hb_txt { font-size: 12px !important; text-align: center !important; margin-bottom: 30px !important; margin-top: 20px;}


.pagetop{ text-align:right; padding-bottom:10px; padding-top:30px; width: 97%; margin: 0 3% 0 0;}
.pagetop a{ background:url(images/arrow04.gif) 0 50% no-repeat; padding:0 0 0 15px; font-size:80%; text-decoration: none; color: #4d1c13;}


.attention { margin: 10px 3% 0 3%;}

p.note{margin: 0 0 0 1em; font-size: 10px;}
p.note span{margin:0 0 0 -1em;}





.about_btn { display: block; width: 54%; text-align: center !important; margin: 20px 23% !important;}
.about_btn img { width: 100%;}

.hp_btn { display: block; width: 54%; text-align: center !important; margin: 30px 23% 40px 23% !important;}
.hp_btn img { width: 100%;}

.oubo_btn01 { display: block; width: 62%; text-align: center !important; margin: 30px 19% 25px 19% !important;}
.oubo_btn01 img { width: 100%;}

.oubo_btn02 { display: block; width: 62%; text-align: center !important; margin: 0px 19% 25px 19% !important;}
.oubo_btn02 img { width: 100%;}

.submit_btn { display: block; width: 80%; text-align: center !important; margin: 30px 10% 40px 10% !important;}
.submit_btn img { width: 100% !important;}

.w40 { float: left; width: 40px !important;}
.submit_btn input[type="image"]{width:40%;}


.logoArea { display: block; overflow: hidden; width: 94%; margin: 5% 3%;}
.logoArea .logo01 { float: none; position: relative;text-align: center;margin-bottom: 40px;}
.logoArea .logo02 { float: none; text-align: center;}
.logoArea .logo01 img { width: 290px;}
.logoArea .logo02 img { width: 190px;}


/* 20160601山沢追加 */

.mainArea .midashi img {width:53%; margin:0 auto 20px;}
.mainArea h2, .mainArea h3 { margin:20px auto 10px;}
.mainArea h2 img, .mainArea h3 img {width:100%; margin:0 auto;}
.mainArea p img {width:100%; margin:0 auto 5%;}
.mainArea .btn img {width:55%; margin:0 auto 5%;}

.h2_06 { width: 100%; margin: 15px 0 20px 0; padding: 0 0 0 0;}
.h2_06 img { width: 100%;}


#voiceMainVisual { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; background: #fff; }
#voiceMainVisual img { display: block; width: 100%; height: auto; margin: 0 auto 20px; padding: 0; text-align: center; }

#gyomuArea { display: block; overflow: hidden; width: 93%; height: auto; text-align: left; margin: 0 auto; padding: 30px 0 0; position:relative; }
#gyomuArea .gyomu_img { width:100%; position: static; top:0; right:0; }
#gyomuArea .gyomu_img img { width:100%; }
#gyomuArea h2{ display: block; width:100%; padding:10px 0; margin:0 0 5px ; border-bottom: none; text-align:left; }
#gyomuArea h2 img { width:100%; }
#gyomuArea dl{ overflow:hidden; padding:20px 0 25px; text-align:left; background:url(images/voice_gyomu_line.png) repeat-x bottom left;}
#gyomuArea dt{ float:left; width: 20%; color:#ef4a00; font-size: 1.2em; font-weight:bold; margin:-3px 0 0; }
#gyomuArea dd{ float:right; width: 80%; font-size: 1em; line-height:1.7; }

.othervoiceArea { display: block; overflow: hidden; width: 100%; height: auto; margin: 0 auto; padding: 0 0 70px; text-align: center;  background: #f5f4eb;}
.othervoiceArea img{ width:93%; }
.othervoiceArea h2{ margin:50px auto 40px;}
.othervoiceArea h2 img{ width:44%; }
.othervoiceArea a{ display:block; }
.othervoiceArea a:hover{ opacity:0.65; }

/*タブ切り替え追加*/
.tabmenu {
	height: auto;
    margin: 30px auto 30px;
    overflow: hidden;
    position: relative;
    width: 96%;
}
.tabmenu.tabmenu03{
	width: 96%;
	margin: 30px auto 30px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.tabmenu.tabmenu03 li{
	float:none;
	margin:0!important;
}
.sp .tabmenu.tabmenu03 li a{ background:none;}
.tabmenu li{
    height: auto;
    width: 32%;
}
.tabmenu li a {
    display: block;
    height: auto;
    width: 100% !important;
}
.tabmenu li img{
	width: 100%;
}

.tabmenu li.job01_btn {
    margin-left: 3%;
}
.tabmenu li.job02_btn {
    margin-right: 3%;
}
.tabmenu li.job01_btn a {
	 background: url("images/btn_ht_job01_sp_on.png") no-repeat; background-size:100% auto; }
.tabmenu li.job02_btn a { background: url("images/btn_ht_job02_sp_on.png") no-repeat; background-size:100% auto; }

.tabmenu li.job03_btn {
    margin: 0 2px;
}
.tabmenu li.job04_btn {
     margin: 0 2px;
}
.tabmenu li.job05_btn {
     margin: 0 2px;
}
.tabmenu li.job03_btn a { background: url("images/btn_rw_job01_sp_on.png") no-repeat; background-size:100% auto; }
.tabmenu li.job04_btn a { background: url("images/btn_rw_job02_sp_on.png") no-repeat; background-size:100% auto; }
.tabmenu li.job05_btn a { background: url("images/btn_rw_job03_sp_on.png") no-repeat; background-size:100% auto; }

.tabmenu li.job06_btn {
    margin-left: 3%;
}
.tabmenu li.job07_btn {
    margin-right: 3%;
}
.tabmenu.tabmenu03 li.active a{ font-size:0;}
.tabmenu.tabmenu03 li img{ vertical-align:top;}
.tabmenu li.job06_btn.active a { background: url("images/btn_hp_job01_sp_on.png") no-repeat; background-size:100% auto;}
.tabmenu li.job07_btn.active a { background: url("images/btn_hp_job02_sp_on.png") no-repeat; background-size:100% auto;}
.tabmenu li.job08_btn.active a { background: url("images/btn_hp_job03_sp_on.png") no-repeat; background-size:100% auto;}


}
/* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp */
/* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp */
/* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp */
/* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp */
/* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp */
/* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp *//* sp */

.txt_error {color: #FF6060;}

.mt05{ margin-top:5px!important;}
.mnsmall{ display:inline-block;}

/*20180214*/

.apptable_head{ margin-top:60px; padding:10px 0; background:#63aae8; color:#fff; font-size:24px; font-weight:bold; font-family:Ryumin Medium KL,"リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho" !important;}
.apptable{ width:100%;}
.apptable th,.apptable td{ padding:15px; border:1px solid #79a7cb; font-weight:normal; font-size:14px; text-align:left;}
.apptable th{ white-space:nowrap; background:#e9f6fe;}
@media print,screen and (max-width: 766px){
	.apptable_head{ font-size:18px;}
	.apptable th,.apptable td{ padding:10px;}
}

/* 20180904 */

.linkarea img{
    width:90%;
}
.linkarea2 img{
    width:45%;
}
.linkarea img:hover,.linkarea2 img:hover{
    opacity: .8;
}


.mainBtmArea .mainBtm li.job_menu01 div.name span{ vertical-align:top; padding-top:1px;}
.mainBtmArea .mainBtm li.job_menu01 div.job_01{ top:41px;}
.mainBtmArea .mainBtm li.job_menu01 div.job_01 .duelCell span.mn2{ background:none;}
@media print,screen and (max-width: 1400px){
	.mainBtmArea .mainBtm li.job_menu01 div.job_01 .duelCell span{ background:none!important;}
	.mainBtmArea .mainBtm li.job_menu01 div.job_01{ top:27%; }

}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
	/*.mainBtmArea .mainBtm li.job_menu01 div.job_01 .duelCell span small{ transform: scale(0.85); letter-spacing:-1px;}*/
}


/* 20190301 total remake for CMS DIRECT --------------  */

/* debug */
.maincontents .sp,
.maincontents .pc {
	/*background: pink;*/
	/*padding: 10px;*/
}
/*#h_cell .sp,
#h_cell .pc {
	background: none;
	padding: 0;
}*/
/* debug */

.mainArea .voicecatch .midashi {
	display: none;
}
.mainArea .voice_otherindex {
    margin-bottom: 0;
}
.mainArea .voice_otherindex.voiceUlmini {
    display: -ms-flexbox ;
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flex ;
    display: -o-flex ;
    display: -moz-box ;
    display: flex ;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
    flex-wrap: wrap;
    max-width: 1000px;
}
.mainArea .voice_otherindex.voiceUlmini.voiceUlmini_more2 {
		-webkit-box-align: start ;
		-ms-flex-align: start ;
    align-items: start ;
}
.mainArea .voice_otherindex.voiceUlmini > li {
	margin: 0 19px;
}
.mainArea .voice_otherindex.voiceUlmini.voiceUlmini_more2 > li + li ~ li {
	margin-top: 30px;
}
div#gyomuArea {
	position: relative;
}
.gyomu_img_area {
    position: absolute;
    right: 0;
    top: 160px;
    width: 280px;
    text-align: center;
}
.gyomu_img_area img {
    margin: 0px 0;
    border: 3px solid #ffb695;
    width: 100%;
    box-sizing: border-box;
}
.gyomu_img_area span {
    display: block;
    height: 3px;
}
div#gyomuArea h2 img {
    max-width: 180px;
}


.btn_normal {
    text-decoration: none !important;
    color: #fff !important;
    background: #00afec;
    padding: 0.7em 1em;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 15px;
    line-height: 1.2;
    border-radius: 5px;
    padding: 0.7em 1.6em 0.7em 0.8em;
    position: relative;
}
.btn_normal.btn_tab {
	background: #cdcdcd;
}
.tabmenu .active a,
.btn_normal.btn_tab:hover {
	background: #00afec;
}
.btn_normal:hover {
	opacity: 0.8;
}
.btn_normal:after {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    margin-top: -5px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}
.btn_normal.btn_tab:after {
		right: 9px;
		margin-top: -7px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.tel span a {
    font-size: 36px;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
    color: #000;
}
.tabmenu.tabmenu_center {
    display: -ms-flexbox ;
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flex ;
    display: -o-flex ;
    display: -moz-box ;
    display: flex ;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}
/*.tabmenu.tabmenu02*/
.tabmenu {
    width: 810px;
    width: 790px;
    height: auto;
    margin: 40px auto 0;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-wrap: wrap;
}
.tabmenu > li {
    float: left;
    margin: 10px 10px 0;
    display: table;
    display: flex;
}
.tabmenu.tabmenu_center > li {
	margin: 10px 40px 0;
}
.tabmenu li:nth-of-type(3n+1) {
	margin-left: 0;
}
.tabmenu li:nth-of-type(3n) {
	margin-right: 0;
}
.tabmenu.tabmenu_center.only li {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
.tabmenu li a {
	width: 250px;
	height: auto;
	display: table-cell;
	vertical-align: middle;
  letter-spacing: -0.3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mainArea .flow_tit {
    text-align: center;
    font-size: 19px;
    margin: 20px auto 25px;
    padding: 10px;
    padding: 5px 5px 0px ;
    font-weight: bold;
    color: #ff4200;
    border-bottom: 1px solid;
}

.flow_area {
    display: flex;
    justify-content: center;
    /*width: 800px;*/
    margin: auto;
}
.flow_area.full {
	width: 100%;
}
.flow_box {
    width: 180px;
    border-radius: 5px;
    border: 1px solid #ff4200;
    position: relative;
}
.flow_box ~ .flow_box {
	margin-left: 27px;
}
.flow_box ~ .flow_box:before {
    content: "";
    background: url(images/step_arrow.png) no-repeat center;
    background-size: 20px auto;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 29px;
    height: 29px;
    left: -29px;
    z-index: 9;
}
.flow_step,
.flow_step .num {
    background: #ff4200;
    color: #fff;
    font-size: 18px;
    padding: 5px 5px 0;
    /*vertical-align: bottom;*/
    font-family: Ryumin Medium KL,"リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho" !important;
    letter-spacing: 3px;
}
.flow_step .num {
    padding: 0;
    font-size: 27px;
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
    padding-bottom: 0.3em;
}
.flow_dtl {
    /*min-height: 40px;*/
    font-weight: bold;
    padding: 3px 1px;
    display: -ms-flexbox ;
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flex ;
    display: -o-flex ;
    display: -moz-box ;
    display: flex ;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    flex-wrap: wrap;
    min-height: 40px;
}
.flow_dtl .note {
    display: block;
    font-size: 10px;
    letter-spacing: -0.7px;
    width: 100%;
    margin-top: -0.5em;
}
#gyomuArea dl {
    display: -ms-flexbox ;
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flex ;
    display: -o-flex ;
    display: -moz-box ;
    display: flex ;
    flex-wrap: wrap;
    width: 100%;
    background: none;
}
body #gyomuArea dl,
body #gyomuArea.voice02dl dl {
	padding-bottom: 0;
}
#gyomuArea dl > dt {
    width: 80px;
    padding: 25px 0 25px;
    border-bottom: 1px dashed #ccc;
}
#gyomuArea dl > dd {
    width: calc(100% - 80px);
    box-sizing: border-box;
    padding: 25px 340px 25px 0;
    border-bottom: 1px dashed #ccc;
}
#gyomuArea.voice02dl dl > * {
	padding-top: 60px;
	padding-bottom: 60px;
}
#gyomuArea.voice03dl dl > * {
	padding-top: 40px;
	padding-bottom: 40px;
}
#gyomuArea.voice04dl dl > * {
	padding-top: 30px;
	padding-bottom: 30px;
}
#gyomuArea dl > *:first-child,
#gyomuArea dl > *:first-child + * {
    padding-top: 1px;
}

.cmsDirect_apptable {
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
    cursor: pointer;
    color: #ff4200;
    text-decoration: underline;
    padding: 50px 10px 0;
    display: none;
}
body .cmsDirect_hint {
    font-size: 16px;
    line-height: 1.2;
    font-weight: normal;
    color: #ff4200;
    margin: 20px auto 0px;
    text-align: center;
    display: none;
}

@media screen and (max-width: 999px){
.gyomu_img_area {
    width: 25%;
}
.mainBtmArea h2,
.faqTable > *.faqbtn {
	cursor: pointer;
}
}
@media screen and (max-width: 766px){

h2.normal,
h2.normal03 {
    font-size: 6.2vw !important;
    line-height: 1.2 !important;
}
h2.normal02 {
    font-size: 5.5vw !important;
    line-height: 1.1 !important;
}
div#gyomuArea h2 {
    border-bottom: 1px solid #ef4a00;
    padding-bottom: 1em;
    margin-bottom: 0em;
}
.mainArea .voice_otherindex.voiceUlmini {
	display: block;
}
.mainArea .voice_otherindex.voiceUlmini > li {
    margin: 0 auto 20px;
}
.mainArea .voice_otherindex.voiceUlmini > li ~ li,
.mainArea .voice_otherindex.voiceUlmini.voiceUlmini_more2 > li + li ~ li {
    margin: 20px auto;
}
.gyomu_img_area {
    position: static;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px -5px;
    overflow-x: hidden;
}
.gyomu_img_area img {
    margin: 5px;
    width: calc(50% - 10px);
    height: 100%;
    box-sizing: border-box;
    max-width: 100%;
}
.gyomu_img_area br,.gyomu_img_area span {
    display: none;
}

.btn_normal {
	font-size: 3.5vw;
}
.btn_normal:after {
	right: 5px;
}
.btn_normal.btn_tab:after {
	height: 5px;
  width: 5px;
  margin-top: -5px;
  right: 6px;
}
.toggleSlideArea h2,
.toggleSlideArea h2.open {
	box-sizing: border-box;
	padding: 12px 0% 12px 10px !important;
	background-position: 98% center;
	font-weight: normal;
}

.mainArea .voicecatch .mn {
    font-family: Ryumin Medium KL,"リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho" !important;
}
.mainArea .voicecatch h3 {
    margin: 10px auto;
    font-size: 4vw;
    font-weight: normal;
    /*color: #333;*/
}
.mainArea .voicecatch .midashi {
    display: block;
    text-align: center;
}
.mainArea .voicecatch .btn {
    margin: 15px auto 0;
}

.tabmenu,
.tabmenu.tabmenu02 {
    margin: 30px auto 30px;
    width: 96%;
    display: flex;
    flex-wrap: wrap;
}
.tabmenu li {
    height: auto;
    width: 32%;
    margin: 10px 1% 0;
    display: table;
    display: flex;
}
.tabmenu li:nth-of-type(3n+1) {
	margin-left: 0;
}
.tabmenu li:nth-of-type(3n) {
	margin-right: 0;
}
.tabmenu.tabmenu_center li {
    width: 46%;
    margin: 10px 2%;
}
.tabmenu li a {
	display: table-cell;
	vertical-align: middle;
	padding: 0.4em 1.7em 0.4em 1.2em;
	font-size: 3vw;
	font-size: 2.7vw;
	/*min-height: 3em;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

#gyomuArea dl {
	width: 100%;
	padding: 0;
}
#gyomuArea dl > dt {
    width: 20%;
}
#gyomuArea dl > dd {
    width: 80%;
}
#gyomuArea dl > * {
		padding: 20px 0 25px 0 !important;
}

.mainArea .flow_tit {
    font-size: 4vw;
    padding: 5px;
    margin: 20px auto 20px;
}
.flow_area {
    display: block;
    margin: 10px;
    width: auto;
}
.flow_box {
    width: 100%;
    display: table;
    min-height: 60px;
    min-height: 15vw;
    border-radius: 4px;
    background: #ff4200;
}
.flow_box ~ .flow_box {
    margin: 26px 0 0px 0;
}
.flow_box ~ .flow_box:before {
    left: 0;
    right: 0;
    top: -28px;
    bottom: auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.flow_box > * {
    display: table-cell;
    vertical-align: middle;
}
.flow_step {
    width: 30%;
    font-weight: normal;
    font-size: 4vw;
    letter-spacing: 2px;
}
.flow_dtl {
		width: 72%;
		font-size: 4.4vw;
		line-height: 1.1;
    padding: 10px 15px;
    text-align: left;
    background: #fff;
    border-radius: 0 4px 4px 0;
}
.flow_dtl .note {
    font-size: 3.2vw;
    display: inline-block;
    width: auto;
    margin-top: 0;
}

.voiceUl {
	display: block; width: 100%; text-align: center; margin: 0 auto;
}
.voiceUl * {
	font-family: Ryumin Medium KL,"リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho" !important;
}
.voiceUl:after { display:block; clear:both; height:0; visibility:hidden; content:".";}
.voiceUl li:nth-child(odd) { display: block; overflow: visible; width: 100%; height: auto; text-align: center; margin: 0 auto; padding: 0; background: #f5f4eb; }
.voiceUl li:nth-child(even) { display: block; overflow: visible; width: 100%; height: auto; text-align: center; margin: 0 auto; padding: 0; background: #fbfbf7; }
.voiceUl li .cell { display: block; overflow: hidden; width: 100%; height: auto; text-align: center; margin: 0 auto; }
.voiceUl li .left01 { display: block; overflow: hidden; float: none; width: 100%; text-align: center; margin: 0 0 0 0; }
/*.voiceUl li .left01 .img { display: block; overflow: hidden; width: 100%; height:auto; text-align: center; margin: 0 0 0 0; border: solid 5px #fff; }*/
.voiceUl li .left01 .img img { width: 100%; height: auto;}
/*.voiceUl li .right01 { display: block; overflow: visible; float: none; width: 100%; height: auto; text-align: left; margin: 0 auto; }*/
.voiceUl li .right01 h2 { display: block; margin: 0; text-align: left; line-height: 0; padding: 0 0 0 0; }
.voiceUl li .right01 h2 span { display: block; margin: 0; font-size: 5.5vw; text-align: left; background: none; color: #000; letter-spacing:0.02em; padding: 3vw 0;}
.voiceUl li .right01 h3 { display: block; margin: 4vw 0 0 0; font-size: 4vw; text-align: left; font-weight: normal;}
.voiceUl li .right01 p { display: block; margin: 10px 0 0 0; font-size: 3vw; text-align: left; }
.maincontents .voiceUl li .right01 span.cs { padding: 5px;}

.voiceUl li .right02 { display: block; overflow: hidden; float: none; width: 100%; text-align: right; margin: 0 0 0 0px; }
/*.voiceUl li .right02 .img { display: block; overflow: hidden; width: 100%; height:auto; text-align: right; margin: 0 0 0 0; border: solid 5px #fff; }*/
.voiceUl li .right02 .img img { width: 100%; height: auto;}
/*.voiceUl li .left02 { display: block; overflow: visible; float: none; width: 100%; height: auto; text-align: left; margin: 0 auto; }*/
.voiceUl li .left02 h2 { display: block; margin: 0; text-align: left; line-height: 0; padding: 0 0 0 0; }
.voiceUl li .left02 h2 span { display: block; margin: 0; font-size: 5.5vw; text-align: left; background: none; color: #000; letter-spacing:0.02em; padding: 3vw 0;}
.voiceUl li .left02 h3 { display: block; margin: 4vw 0 0 0; font-size: 4vw; text-align: left; font-weight: normal;}
.voiceUl li .left02 p { display: block; margin: 10px 0 0 0; font-size: 3vw; text-align: left; }
.maincontents .voiceUl li .left02 span.cs { padding: 5px;}
.voiceUl li a { display:block; }

}


.movie_tit {
    text-align: center;
    margin: -5px auto 20px;
    font-size: 20px;
    line-height: 2.0em; letter-spacing: 0.03em; font-family:Ryumin Medium KL,"リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho","serif";
}
.leadArea.mainTxt {
    text-align: center;
    padding: 1px 0 30px;
}
.onlySP,
.leadArea.mainTxt.onlySP {
	display: none;
}
.leadArea .catch {
    font-size: 24px;
    margin: 20px auto;
}
.leadArea p {
    font-size: 16px;
}
.leadArea.mainTxt .left {
    text-align: left;
}

.slick-slider .slick-list {
    /*overflow:auto;*/
    -webkit-overflow-scrolling:touch;
}

.slider {
  width: 100%;
  margin: 30px auto;
}
.slick-initialized .slick-slide {
	text-align: center;
	width: 33%;
	max-width: 33%;
}
.item.slick-slide {
	-webkit-overflow-scrolling: touch;
}
.item.slick-slide iframe {
    /*width: 560px;*/
    width: 100%;
    max-width: 100%;
    min-height: 320px;
    /*min-height: 386px;*/
    padding: 0 10px;
    /*height: calc(70vw * 57%);*/
    box-sizing: border-box;
    display: inline-block;
}
.slick-arrow {
	display: none !important;
}
button.slick-prev.slick-arrow,
.slick-next {
    width: 40px;
    height: 40px;
    height: 90px;
    border-radius: 10px;
    top: 30%;
    left: 6.5%;
    z-index: 99;
    background: #eee;
    background: rgba(204,204,204,0.9);
    border: none;
    color: rgba(0,0,0,0);
    position: absolute;
}
button.slick-next.slick-arrow {
    right: 6.5%;
    left: auto;
}
.slick-arrow:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-left: 16px;
    height: 13px;
    width: 13px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    border-right: 2px solid #000;
    border-top: 2px solid #000;
}
button.slick-next.slick-arrow:after {
		margin-left: auto;
		margin-right: 16px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sliderOff {
    display: flex;
    justify-content: center;
}

.btn_pageLink {
    margin: 20px auto;
    text-align: center;
}
.btn_pageLink > a {
    display: block;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    background: #fff;
    max-width: 280px;
    margin: auto;
    box-sizing: border-box;
    position: relative;
}
.btn_pageLink > a:after {
    content: "";
    display: inline-block;
    height: 6px;
    width: 6px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-right: 3px solid #000;
    border-top: 3px solid #000;
}

@media screen and (max-width: 736px){
/*@media screen and (max-width: 666px){*/
button.slick-prev.slick-arrow, .slick-next {
	top: 20%;
}
}
@media screen and (max-width: 767px){
.item.slick-slide iframe {
  min-height: 160px;
  min-height: 180px;
  padding: 0 5px;
}
.onlySP {
	display: block;
}
.onlyPC {
	display: none;
}
.slick-arrow {
	display: inline-block !important;
}

/*.leadArea.mainTxt.onlyPC {
    display: none;
}*/
.leadArea.mainTxt {
		display: block;
    text-align: center !important;
    padding: 1px 0 1px;
}
.leadArea.mainTxt .catch {
    font-size: 18px;
    font-weight: bold;
}
.leadArea.mainTxt p {
    font-size: 12px;
}
.movie_tit {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 14px;
	margin: 0 auto 10px;
	font-weight: bold;
}
.sliderOff iframe {
    padding: 0 10px;
    width: 100%;
    min-height: 180px;
    height: auto;
    box-sizing: border-box;
}
}
@media screen and (max-width: 414px){
button.slick-prev.slick-arrow {
    left: 3%;
}
button.slick-next.slick-arrow {
    right: 3%;
    left: auto;
}
}

.slick-slide img {
  width: 100%;
  height: auto;
}
/*.mypattern {
  width: 100%;
}
.mypattern .slick-slide{
  margin: 5px;
}*/
.slick-dots {
    display: flex;
    justify-content: center;
    margin: 20px auto 20px;
}
.slick-dots *:focus {
		outline: none;
}
.slick-dots > li {
    display: inline-block;
}
.slick-dots > li > * {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 1px solid #707070;
    background: #FFF;
    color: rgba(0,0,0,0);
    margin: 0 8px;
    margin: 0 20px;
    display: inline-block;
}
.slick-dots > li.slick-active > * {
		background: #000;
		border: 1px solid #000;
}


.pc_zone {
	margin: 50px auto 0 auto;
	position: relative;
  max-width: 860px;
	width: 100%;
}

.thumb_flex {

}
.pc_zone a {
	opacity: 1;
	transition: .6s;
}
.pc_zone a:hover {
	opacity: 0.6;
}
.thumb_box {

}

.thumb_box a {
	opacity: 1;
	transition: .6s;
}

.thumb_box a:hover {
	opacity: 0.6;
}

.blank_cell {
	width: 110px;
	height: 158px;
}

.blank_cell_w {
	width: 213px;
	height: 158px;
}

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

	.pc_zone {
		display: none;
	}

}


.mainBtmArea .mainBtm {
    display: flex;
    justify-content: center;
}



@media screen and (min-width: 767px) {
    .logoArea .logo02 {
        text-align: right;
    }
    .logoArea .logo02 img{
        width:190px;
    }
    .logoArea .logo01 img{
        width:290px;
    }
}