html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-style: normal; outline: none; }

sup { vertical-align: super; }

html { height: 100%; }

input, textarea { margin: 0; padding: 0; }

ol, ul { list-style: none; }

table { border-spacing: 0; border-collapse: collapse; }

body { height: 100%; width: 100%; text-align: left; color: #111; background: white; }

strong, em { font-weight: bold; }

input, button, textarea, select { outline: none; }

a { outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }

.taC { text-align: center; }

#areaWrapper1 { background-color: #ffffff; margin: 0 auto; padding: 10px 5px 30px; width: 960px; }

.w960 { margin: 0 auto; width: 960px; font-family: 'Noto Sans Japanese'; color: #333; /**/ }
.w960 .contSection00 { zoom: 1; margin: 15px 0 15px; padding: 0 0 15px; border-bottom: #e5e5e5 1px solid; }
.w960 .contSection00:after { display: block; clear: both; content: ""; }
.w960 .contSection00 h1 { float: left; color: #e83416; font-weight: bold; font-size: 20px; line-height: 1.7; }
.w960 .contSection00 h1 + p { display: inline-block; float: right; margin-top: 0px; border-radius: 2px; background: #fff0cc url(../img/02/ico_bgn.png) no-repeat 10px 50%; text-align: right; *display: inline; *zoom: 1; }
.w960 .contSection00 h1 + p a { display: block; padding: 9px 25px 7px 30px; background: url(../img/02/ico_arw_02.png) no-repeat right 50%; color: #ff8702; text-decoration: none; font-weight: bold; font-size: 14px; }
.w960 .contSection00 h1 + p a:hover { text-decoration: underline; }
.w960 .fz16 { font-size: 16px; line-height: 1.5; }
.w960 .mb10 { margin-bottom: 10px; }
.w960 .mb40 { margin-bottom: 40px; }
.w960 .h2Ttl { font-size: 24px; margin-top: 50px; line-height: 1.1; padding-left: 63px; background-repeat: no-repeat; }
.w960 .h2Ttl.ico01 { margin-top: 20px; margin-bottom: 5px; background-image: url(/join/img/02/ico_h2_01.png); background-position: 12px 50%; min-height: 43px; line-height: 43px; }
.w960 .h2Ttl.ico02 { margin-bottom: 8px; background-image: url(/join/img/02/ico_h2_02.png); background-position: 12px 50%; min-height: 50px; line-height: 50px; }
.w960 .h2Ttl.ico03 { margin-bottom: 17px; background-image: url(/join/img/02/ico_h2_03.png); background-position: 8px 50%; min-height: 36px; line-height: 36px; }
.w960 .h2Ttl.ico04 { margin-bottom: 17px; background-image: url(/join/img/02/ico_h2_04.png); background-position: 8px 50%; min-height: 48px; line-height: 48px; }
.w960 .h2Ttl.ico05 { margin-bottom: 9px; background-image: url(/join/img/02/ico_h2_05.png); background-position: 0 50%; min-height: 38px; line-height: 38px; }
.w960 .h2Ttl.ico06 { margin-bottom: 9px; background-image: url(/join/img/02/ico_h2_06.png); background-position: 5px 50%; min-height: 40px; line-height: 40px; }
.w960 .h2Ttl.ico07 { padding-left: 41px; margin-bottom: 8px; background-image: url(/join/img/02/ico_h2_07.png); background-position: 8px 50%; min-height: 34px; line-height: 34px; }
.w960 .h2Ttl.ico08 { padding-left: 52px; margin-bottom: 11px; background-image: url(/join/img/02/ico_h2_08.png); background-position: 0 50%; min-height: 24px; line-height: 24px; }
.w960 .btn1 { display: block; width: 100%; border: #ccc 1px solid; border-radius: 4px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); width: 260px; background: #f1f1f1; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: -moz-linear-gradient(top, #fff, #eee); background: -ms-linear-gradient(top, #fff, #eee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#EEEEEE)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#EEEEEE); }
.w960 .btn1:hover { opacity: 0.75; -ms-filter: "alpha(opacity=75)"; filter: alpha(opacity=75); }
.w960 .btn1 a { display: block; padding: 14px 0; color: #333; text-decoration: none; font-weight: bold; font-size: 16px; text-align: center; position: relative; }
.w960 .btn1 a:after { display: block; position: absolute; right: 10px; top: 50%; content: ''; width: 10px; height: 10px; margin-top: -6px; transform: rotate(45deg); }
.w960 .btn1 a span { padding: 5px 20px 5px 0; cursor: pointer; }
.w960 .btn1 a.ico1:after { border-right: #0086cd 2px solid; border-top: #0086cd 2px solid; }
.w960 .btn1 a.ico2:after { border-right: #fa0089 2px solid; border-top: #fa0089 2px solid; }
.w960 .btn1 a.ico3:after { border-right: #00a33e 2px solid; border-top: #00a33e 2px solid; }
.w960 .btn1 a.ico3d:after { border-right: #00a33e 2px solid; border-bottom: #00a33e 2px solid; }
.w960 .btn1 a.ico4:after { border-right: #29a4a9 2px solid; border-top: #29a4a9 2px solid; }
.w960 .btn1 a.ico5:after { border-right: #f18d00 2px solid; border-top: #f18d00 2px solid; }
.w960 .btn1 a.ico6:after { border-right: #e83416 2px solid; border-top: #e83416 2px solid; }
.w960 .btn1 a.ico0:after { border-right: #0b318f 2px solid; border-top: #0b318f 2px solid; }
.w960 .linkBox { width: 100%; display: flex; align-items: center; margin-top: 10px; padding: 10px 0; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; }
.w960 .linkBox p { width: 200px; font-size: 16px; }
.w960 .linkBox p + p { width: 490px; padding-right: 20px; padding-left: 10px; font-size: 14px; }
.w960 .linkBox p a { color: #06c; }
.w960 .linkBox + .linkBox { border-top: none; margin-top: 0; }
.w960 .linkBox.btN { border-top: none; margin-top: 0; }
.w960 .boxBtnTex { border: #ccc 1px solid; padding: 30px 20px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; }
.w960 .boxBtnTex p { display: inline-block; width: 450px; margin-left: 15px; font-size: 16px; line-height: 1.625; }
.w960 .boxBtnTex p strong { font-weight: bold; }
.w960 .boxBtnTex small { width: 450px; text-align: left; margin: 10px 0 0; display: inline-block; font-size: 14px; font-weight: bold; color: #e93300; line-height: 1; margin-bottom: -15px; }
.w960 .boxBtnTex2 { padding: 0 0; display: flex; align-items: center; }
.w960 .boxBtnTex2 p { width: 450px; margin-left: 20px; font-size: 16px; line-height: 1.625; }
.w960 .boxBtnTex2 p strong { font-weight: bold; }
.w960 .btnGren { width: 450px; height: 63px; line-height: 63px; border-radius: 4px; background: #5e9600; background: -moz-linear-gradient(#6baa00 0%, #5e9600 100%); background: -webkit-gradient(linear, left top, left bottom, from(#6baa00), to(#5e9600)); background: -webkit-linear-gradient(#6baa00 0%, #5e9600 100%); background: -o-linear-gradient(#6baa00 0%, #5e9600 100%); background: linear-gradient(#6baa00 0%, #5e9600 100%); box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); text-align: center; }
.w960 .btnGren a { display: block; width: 450px; height: 63px; text-decoration: none; color: white; font-size: 20px; position: relative; }
.w960 .btnGren a:after { display: block; position: absolute; right: 19px; top: 50%; content: ''; width: 13px; height: 13px; margin-top: -8px; border-right: white 2px solid; border-top: white 2px solid; transform: rotate(45deg); }
.w960 .btnGren:hover { opacity: .75; }
.w960 .btnOrg { width: 450px; height: 63px; line-height: 63px; border-radius: 4px; border: #ccc 1px solid; background: #efefef; background: -moz-linear-gradient(#ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); background: -webkit-linear-gradient(#ffffff 0%, #efefef 100%); background: -o-linear-gradient(#ffffff 0%, #efefef 100%); background: linear-gradient(#ffffff 0%, #efefef 100%); box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); text-align: center; }
.w960 .btnOrg a { display: block; width: 450px; height: 63px; text-decoration: none; color: #333; font-size: 20px; position: relative; }
.w960 .btnOrg a:after { display: block; position: absolute; right: 19px; top: 50%; content: ''; width: 13px; height: 13px; margin-top: -8px; border-right: #ed6b37 2px solid; border-top: #ed6b37 2px solid; transform: rotate(45deg); }
.w960 .btnOrg:hover { opacity: .75; }
.w960 .btnBlu { width: 100%; height: 63px; line-height: 63px; border-radius: 4px; border: #ccc 1px solid; background: #efefef; background: -moz-linear-gradient(#ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); background: -webkit-linear-gradient(#ffffff 0%, #efefef 100%); background: -o-linear-gradient(#ffffff 0%, #efefef 100%); background: linear-gradient(#ffffff 0%, #efefef 100%); box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); text-align: center; }
.w960 .btnBlu a { display: block; width: 100%; height: 63px; text-decoration: none; color: #333; font-size: 20px; position: relative; }
.w960 .btnBlu a:after { display: block; position: absolute; right: 19px; top: 50%; content: ''; width: 13px; height: 13px; margin-top: -8px; border-right: #4590f6 2px solid; border-top: #4590f6 2px solid; transform: rotate(45deg); }
.w960 .btnBlu a .icoTel { background: url(../img/02/ico_tel.png) no-repeat left 50%; padding-left: 30px; display: inline-block; }
.w960 .btnBlu a .icoWeb { background: url(../img/02/ico_web.png) no-repeat left 50%; padding-left: 30px; display: inline-block; }
.w960 .btnBlu:hover { opacity: .75; }
.w960 .acoTtl { margin-top: 40px; width: 100%; cursor: pointer; text-align: center; font-size: 18px; height: 70px; line-height: 70px; border-top: #bbb 1px solid; border-bottom: #bbb 1px solid; background: url(../img/02/ico_aco_01.png) no-repeat right 50%; }
.w960 .acoTtl.act { background: url(../img/02/ico_aco_00.png) no-repeat right 50%; }
.w960 .acoCnt { display: none; background: #f4f4f4; border-top: #e2e2e2 1px solid; border-bottom: #ccc 1px solid; padding: 25px 15px; }
.w960 .acoCnt.open { display: block; }
.w960 .split2Box { display: flex; justify-content: space-between; }
.w960 .split2Box .box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 460px; border: #ccc 1px solid; background: white; padding: 27px; }
.w960 .split2Box .box .boxTtl { text-align: center; font-size: 14px; letter-spacing: -0.03em; font-weight: bold; margin-bottom: 30px; }
.w960 .split2Box .tBox { width: 460px; }
.w960 .innerSplit2Box { display: flex; justify-content: space-between; }
.w960 .innerSplit2Box .innerBox { width: 195px; }
.w960 .innerSplit2Box .innerBox p { display: block; font-size: 14px; font-weight: bold; color: white; background: #aaa; text-align: center; padding: 10px 0; line-height: 1.1; margin-bottom: 25px; }
.w960 .innerSplit2Box .innerBox ul { text-align: center; font-size: 0; }
.w960 .innerSplit2Box .innerBox ul li { display: inline-block; }
.w960 .innerSplit2Box .innerBox ul li + li { margin-left: 35px; }
.w960 .innerSplit2Box .innerBox ul li a { color: #255480; text-decoration: none; font-size: 14px; position: relative; padding-left: 13px; }
.w960 .innerSplit2Box .innerBox ul li a:before { position: absolute; left: 0; top: 50%; margin-top: -4.5px; content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #e93300; }
.w960 .innerSplit2Box .innerBox ul li a:hover { text-decoration: underline; }
.w960 .link01 { color: #255480; text-decoration: none; font-size: 14px; position: relative; padding-left: 13px; }
.w960 .link01:before { position: absolute; left: 0; top: 50%; margin-top: -4.5px; content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #e93300; }
.w960 .link01:hover { text-decoration: underline; }
.w960 .lead { font-size: 14px; margin-bottom: 10px; }
.w960 .lead a { color: #06c; }
.w960 .fxdNav { width: 100%; position: fixed; display: none; top: 0; left: 0; z-index: 999; }
.w960 .fxdNav .nav1 { background: #ebebeb; background: -moz-linear-gradient(#fff 0%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb)); background: -webkit-linear-gradient(#fff 0%, #ebebeb 100%); background: -o-linear-gradient(#fff 0%, #ebebeb 100%); background: linear-gradient(#fff 0%, #ebebeb 100%); width: 100%; height: 53px; border-bottom: #ccc 1px solid; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); }
.w960 .fxdNav .nav1 > div { border-left: #ccc 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 960px; height: 53px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.w960 .fxdNav .nav1 > div a, .w960 .fxdNav .nav1 > div .nav13 { border-right: #ccc 1px solid; text-align: center; height: 53px; }
.w960 .fxdNav .nav1 > div a img, .w960 .fxdNav .nav1 > div .nav13 img { margin: 14px 5px 0; }
.w960 .fxdNav .nav1 > div .nav13 > a { border-right: none; }
.w960 .fxdNav .nav1 .nav11, .w960 .fxdNav .nav1 .nav12, .w960 .fxdNav .nav1 .nav14, .w960 .fxdNav .nav1 .nav15, .w960 .fxdNav .nav1 .nav16 { width: 130px; text-align: center; }
.w960 .fxdNav .nav1 .nav13 { width: 155px; text-align: center; }
.w960 .fxdNav .nav1 .nav13:hover { background-color: #fff; }
.w960 .fxdNav .nav2 { display: none; position: fixed; top: 54px; left: 0; background: white; width: 100%; height: 50px; border-bottom: #ccc 1px solid; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); }
.w960 .fxdNav .nav2 > div { border-left: #ccc 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 960px; height: 50px; margin: 0 auto; display: flex; align-items: center; }
.w960 .fxdNav .nav2 > div a { border-right: #ccc 1px solid; width: calc(960px/6); text-align: center; height: 50px; line-height: 50px; font-size: 14px; font-weight: bold; text-decoration: none; position: relative; }
.w960 .fxdNav .nav2 > div a:after { display: block; position: absolute; right: 15px; top: 50%; margin-top: -6px; content: ''; width: 9px; height: 9px; transform: rotate(-45deg); }
.w960 .fxdNav .nav2 > div a.nav31 { color: #0086cd; }
.w960 .fxdNav .nav2 > div a.nav31:after { border-left: #0086cd 2px solid; border-bottom: #0086cd 2px solid; }
.w960 .fxdNav .nav2 > div a.nav32 { color: #fa0089; }
.w960 .fxdNav .nav2 > div a.nav32:after { border-left: #fa0089 2px solid; border-bottom: #fa0089 2px solid; }
.w960 .fxdNav .nav2 > div a.nav33 { color: #00a33e; }
.w960 .fxdNav .nav2 > div a.nav33:after { border-left: #00a33e 2px solid; border-bottom: #00a33e 2px solid; }
.w960 .fxdNav .nav2 > div a.nav34 { color: #29a4a9; }
.w960 .fxdNav .nav2 > div a.nav34:after { border-left: #29a4a9 2px solid; border-bottom: #29a4a9 2px solid; }
.w960 .fxdNav .nav2 > div a.nav35 { color: #f18d00; }
.w960 .fxdNav .nav2 > div a.nav35:after { border-left: #f18d00 2px solid; border-bottom: #f18d00 2px solid; }
.w960 .fxdNav .nav2 > div a.nav36 { color: #e83416; }
.w960 .fxdNav .nav2 > div a.nav36:after { border-left: #e83416 2px solid; border-bottom: #e83416 2px solid; }
.w960 .area00 { display: flex; justify-content: space-between; }
.w960 .area00 .grnBtnOuter { background: #e5f1c7; width: 765px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.w960 .area00 .bluBtnOuter { background: #e2f3fc; width: 183px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.w960 .area00 a.mdlBtn1:hover { opacity: .85; }
.w960 .area00 .mdlBtn1 { float: left; text-decoration: none; display: inline-block; background: #efefef; background: -moz-linear-gradient(#ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); background: -webkit-linear-gradient(#ffffff 0%, #efefef 100%); background: -o-linear-gradient(#ffffff 0%, #efefef 100%); background: linear-gradient(#ffffff 0%, #efefef 100%); border: #ccc 1px solid; border-radius: 4px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 13px 30px; text-align: center; font-family: 'Noto Sans Japanese'; position: relative; min-height: 135px; }
.w960 .area00 .mdlBtn1:after { display: block; position: absolute; left: 50%; bottom: 10px; content: ''; width: 12px; height: 12px; margin-top: -6px; margin-left: -8px; transform: rotate(-45deg); border-left: #5e9600 2px solid; border-bottom: #5e9600 2px solid; }
.w960 .area00 .mdlBtn1 .iconTex { display: flex; justify-content: center; align-items: center; color: #5e9600; font-size: 15px; font-weight: bold; line-height: 1.26; }
.w960 .area00 .mdlBtn1 .iconTex p { padding-left: 3px; text-align: left; }
.w960 .area00 .mdlBtn1 .tex { display: block; width: 100%; border-top: #ccc 1px solid; padding-top: 7px; margin-top: 8px; text-align: left; color: #333; font-size: 14px; font-weight: bold; line-height: 1.28; }
.w960 .area00 .mdlBtn1.btn01 { width: 275px; margin: 0 0 10px; }
.w960 .area00 .mdlBtn1.btn02 { width: 275px; margin: 0 10px 10px; }
.w960 .area00 .mdlBtn1.btn03 { width: 174px; margin: 0 0 10px; }
.w960 .area00 .mdlBtn1.btn04 { clear: both; width: 377px; margin: 0 0 0; padding-bottom: 8px; }
.w960 .area00 .mdlBtn1.btn04:after { display: none; }
.w960 .area00 .mdlBtn1.btn05 { width: 173px; margin: 0 10px 0; padding-bottom: 10px; min-height: 140px; }
.w960 .area00 .mdlBtn1.btn06 { width: 173px; margin: 0 0 0; padding-bottom: 15px; min-height: 140px; }
.w960 .area00 .btnInrBtnWrap { display: block; width: 100%; border-top: #ccc 1px solid; padding-top: 7px; margin-top: 8px; text-align: left; }
.w960 .area00 .btnInrBtnWrap .btn0401 { float: left; text-decoration: none; display: inline-block; width: 157px; position: relative; min-height: 55px; text-align: center; font-weight: bold; font-size: 14px; color: #333; line-height: 1.28; padding-top: 2px; }
.w960 .area00 .btnInrBtnWrap .btn0401:after { display: block; position: absolute; left: 50%; bottom: 0; content: ''; width: 12px; height: 12px; margin-top: -6px; margin-left: -8px; transform: rotate(-45deg); border-left: #5e9600 2px solid; border-bottom: #5e9600 2px solid; }
.w960 .area00 .btnInrBtnWrap .btn0402 { float: right; text-decoration: none; display: inline-block; width: 176px; position: relative; min-height: 55px; text-align: center; font-weight: bold; background: #e2f1f9; background: -moz-linear-gradient(#ffffff 0%, #e2f1f9 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2f1f9)); background: -webkit-linear-gradient(#ffffff 0%, #e2f1f9 100%); background: -o-linear-gradient(#ffffff 0%, #e2f1f9 100%); background: linear-gradient(#ffffff 0%, #e2f1f9 100%); box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); border: #0086cd 1px solid; border-radius: 4px; padding-top: 6px; color: #333; }
.w960 .area00 .btnInrBtnWrap .btn0402:after { display: block; position: absolute; left: 50%; bottom: 7px; content: ''; width: 12px; height: 12px; margin-top: -6px; margin-left: -8px; transform: rotate(-45deg); border-left: #0086cd 2px solid; border-bottom: #0086cd 2px solid; }
.w960 .area00 .btnInrBtnWrap .btn0402:hover { opacity: .85; }
.w960 .area00 .btnInrBtnWrap .btn0402 p { font-size: 11px; line-height: 1.28; }
.w960 .area00 .btnInrBtnWrap .btn0402 p strong { display: block; color: #0086cd; font-size: 15px; }
.w960 .area00 .mdlBtn2 { text-decoration: none; display: inline-block; background: #efefef; background: -moz-linear-gradient(#ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); background: -webkit-linear-gradient(#ffffff 0%, #efefef 100%); background: -o-linear-gradient(#ffffff 0%, #efefef 100%); background: linear-gradient(#ffffff 0%, #efefef 100%); border: #ccc 1px solid; border-radius: 4px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 13px 30px; text-align: center; font-family: 'Noto Sans Japanese'; position: relative; min-height: 135px; }
.w960 .area00 .mdlBtn2:after { display: block; position: absolute; left: 50%; bottom: 10px; content: ''; width: 12px; height: 12px; margin-top: -6px; margin-left: -8px; transform: rotate(-45deg); border-left: #4590f6 2px solid; border-bottom: #4590f6 2px solid; }
.w960 .area00 .mdlBtn2:hover { opacity: .85; }
.w960 .area00 .mdlBtn2 .iconTex { display: flex; justify-content: center; align-items: center; color: #4590f6; font-size: 15px; font-weight: bold; line-height: 1.26; }
.w960 .area00 .mdlBtn2 .iconTex p { padding-left: 3px; text-align: left; }
.w960 .area00 .mdlBtn2 .tex { display: block; width: 100%; border-top: #ccc 1px solid; padding-top: 7px; margin-top: 8px; text-align: left; color: #333; font-size: 12px; font-weight: bold; line-height: 1.28; }
.w960 .area00 .mdlBtn2.btn01 { margin: 0 0 10px; }
.w960 .area00 .mdlBtn2.btn02 { margin: 0 0 0; padding-bottom: 15px; min-height: 140px; }
.w960 .area01 { font-family: 'Noto Sans Japanese'; }
.w960 .area01 .loginBoxOuter { border: #ccc 1px solid; padding: 20px; }
.w960 .area01 .split { display: flex; justify-content: space-between; }
.w960 .area01 .split .btnWrap { width: 450px; height: 135px; }
.w960 .area01 .split .btn { height: 90px; text-decoration: none; color: white; display: block; background: #690; width: 450px; border-radius: 4px; text-align: center; font-weight: bold; line-height: 1; position: relative; }
.w960 .area01 .split .btn:before { display: block; position: absolute; right: 18px; top: 50%; margin-top: -11px; content: ''; width: 14px; height: 14px; transform: rotate(-45deg); border-right: white 2px solid; border-bottom: white 2px solid; }
.w960 .area01 .split .btn:hover { opacity: .75; }
.w960 .area01 .split .btn .p1 { font-size: 20px; line-height: 90px; }
.w960 .area01 .split .btn + small { display: inline-block; color: #e93300; font-size: 14px; font-weight: bold; margin: 5px 0 10px; }
.w960 .area01 .split .tex { width: 450px; font-size: 16px; }
.w960 .area01 .split .tex p { display: block; border-bottom: #8a8a8a 1px solid; padding-bottom: 8px; margin-bottom: 8px; }
.w960 .area01 .split .tex ul { margin-left: 1.3em; }
.w960 .area01 .split .tex ul li { list-style-type: disc; font-size: 14px; }
.w960 .area01 .split + ul { display: table; height: 24px; line-height: 24px; margin: 10px 0 0; text-align: left; background: url(../img/02/ico_q.png) no-repeat 0 50%; padding-left: 40px; }
.w960 .area01 .split + ul li { display: inline-block; }
.w960 .area01 .split + ul li a { color: #255480; position: relative; padding-left: 13px; font-size: 14px; }
.w960 .area01 .split + ul li a:before { border-color: transparent transparent transparent #e93300; border-style: solid; border-width: 5px 0 5px 8px; content: ""; height: 0; left: 0; margin-top: -4.5px; position: absolute; top: 50%; width: 0; }
.w960 .area01 .split + ul li + li { margin-left: 30px; }
.w960 .area01 .svcLinks { margin-top: 20px; font-size: 14px; }
.w960 .area01 .svcLinks a { color: #255480; position: relative; padding-left: 13px; font-size: 14px; }
.w960 .area01 .svcLinks a:before { border-color: transparent transparent transparent #e93300; border-style: solid; border-width: 5px 0 5px 8px; content: ""; height: 0; left: 0; margin-top: -4.5px; position: absolute; top: 50%; width: 0; transform: rotate(90deg); }
.w960 .area02 { font-family: 'Noto Sans Japanese'; padding-bottom: 40px; border-bottom: #ccc 1px solid; }
.w960 .area02 .svBoxOuter { margin-bottom: 30px; display: flex; justify-content: space-between; }
.w960 .area02 .svBoxOuter .box { width: 470px; border: #ccc 1px solid; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.w960 .area02 .svBoxOuter .boxTtl { margin-bottom: 20px; text-align: center; padding-bottom: 32px; background: url(/join/img/02/bg_02_01.png) no-repeat 50% bottom; }
.w960 .area02 .svBoxOuter .boxTtl img { margin-bottom: 8px; }
.w960 .area02 .svBoxOuter .boxTtl p { font-size: 16px; font-weight: bold; line-height: 1; }
.w960 .area02 .svBoxOuter .btn0101 { margin-bottom: 25px; text-decoration: none; color: white; display: block; background: #690; width: 430px; border-radius: 4px; text-align: center; font-weight: bold; line-height: 1; position: relative; font-size: 24px; height: 90px; line-height: 90px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); background: #6baa00; background: -moz-linear-gradient(#5e9600 0%, #6baa00 100%); background: -webkit-gradient(linear, left top, left bottom, from(#5e9600), to(#6baa00)); background: -webkit-linear-gradient(#5e9600 0%, #6baa00 100%); background: -o-linear-gradient(#5e9600 0%, #6baa00 100%); background: linear-gradient(#5e9600 0%, #6baa00 100%); }
.w960 .area02 .svBoxOuter .btn0101:after { display: block; position: absolute; right: 18px; top: 50%; margin-top: -8px; content: ''; width: 14px; height: 14px; transform: rotate(-45deg); border-right: white 2px solid; border-bottom: white 2px solid; }
.w960 .area02 .svBoxOuter .btn0101:hover { opacity: .75; }
.w960 .area02 .svBoxOuter p.simu { background: url(../img/02/ico_simu.png) no-repeat 0 50%; display: inline-block; height: 30px; padding-left: 30px; line-height: 30px; }
.w960 .area02 .svBoxOuter p.simu a { color: #255480; position: relative; padding-left: 13px; font-size: 14px; }
.w960 .area02 .svBoxOuter p.simu a:before { border-color: transparent transparent transparent #e93300; border-style: solid; border-width: 5px 0 5px 8px; content: ""; height: 0; left: 0; margin-top: -4.5px; position: absolute; top: 50%; width: 0; }
.w960 .area02 .svBoxOuter .btnAndTex { display: flex; align-items: center; }
.w960 .area02 .svBoxOuter .btnAndTex .btn1 { text-align: center; width: 215px !important; }
.w960 .area02 .svBoxOuter .btnAndTex .btn1 a { line-height: 1.2; padding: 4px 0; }
.w960 .area02 .svBoxOuter .btnAndTex .btn1 a span { padding: 5px 0 5px 0; }
.w960 .area02 .svBoxOuter .btnAndTex .btn1 a strong { display: block; }
.w960 .area02 .svBoxOuter .btnAndTex .btn1 a.ico4 strong { color: #29a4a9; }
.w960 .area02 .svBoxOuter .btnAndTex .btn1 a.ico5 strong { color: #f18d00; }
.w960 .area02 .svBoxOuter .btnAndTex .btn1 a.ico0 strong { color: #0b318f; }
.w960 .area02 .svBoxOuter .btnAndTex p { width: 215px; font-size: 14px; font-weight: bold; margin-left: 20px; }
.w960 .area02 .svBoxOuter .btnAndTex + .btnAndTex { margin-top: 15px; }
.w960 .area02 h3 { font-size: 18px; margin-bottom: 20px; }
.w960 .area02 .inlineList1 li { display: inline-block; }
.w960 .area02 .inlineList1 li a { color: #255480; position: relative; padding-left: 13px; font-size: 14px; }
.w960 .area02 .inlineList1 li a:before { border-color: transparent transparent transparent #e93300; border-style: solid; border-width: 5px 0 5px 8px; content: ""; height: 0; left: 0; margin-top: -4.5px; position: absolute; top: 50%; width: 0; }
.w960 .area02 .inlineList1 li + li { margin-left: 40px; }
.w960 .area03 { font-family: 'Noto Sans Japanese'; }
.w960 .area03 .ancNav { width: 100%; height: 84px; display: table; margin-bottom: 40px; table-layout: fixed; border: #ccc 1px solid; border-radius: 4px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); }
.w960 .area03 .ancNav a { display: table-cell; text-align: center; vertical-align: middle; height: 84px; background: #efefef; background: -moz-linear-gradient(#ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); background: -webkit-linear-gradient(#ffffff 0%, #efefef 100%); background: -o-linear-gradient(#ffffff 0%, #efefef 100%); background: linear-gradient(#ffffff 0%, #efefef 100%); }
.w960 .area03 .ancNav a + a { border-left: #ccc 1px solid; }
.w960 .area03 .ancNav a:hover { opacity: .75; }
.w960 .area03 .h3Outer { font-family: 'Noto Sans Japanese'; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; margin-top: 80px; }
.w960 .area03 .h3Outer h3 { font-size: 20px; padding-left: 75px; min-height: 56px; display: block; line-height: 56px; }
.w960 .area03 .h3Outer a { font-size: 14px; text-decoration: none; color: #333; }
.w960 .area03 .h3Outer a:hover { text-decoration: underline; }
.w960 .area03 .h3Outer#anc0301 h3 { background: url(../img/02/bg03_01.png) no-repeat 3px 50%; }
.w960 .area03 .h3Outer#anc0302 h3 { background: url(../img/02/bg03_02.png) no-repeat 6px 50%; }
.w960 .area03 .h3Outer#anc0303 h3 { background: url(../img/02/bg03_03.png) no-repeat 6px 50%; }
.w960 .area03 .h3Outer#anc0304 h3 { background: url(../img/02/bg03_04.png) no-repeat 15px 50%; }
.w960 .area03 .h3Outer#anc0305 h3 { background: url(../img/02/bg03_05.png) no-repeat 13px 50%; }
.w960 .area03 .h3Outer#anc0306 h3 { background: url(../img/02/bg03_06.png) no-repeat 3px 50%; }
.w960 .area03 .h4ttl01 { background: #e2f0f8; font-size: 18px; font-weight: bold; padding: 18px; line-height: 1.1; }
.w960 .area03 .svcLinks { margin-top: 10px; font-size: 14px; }
.w960 .area03 .svcLinks a { color: #255480; position: relative; padding-left: 13px; font-size: 14px; }
.w960 .area03 .svcLinks a:before { border-color: transparent transparent transparent #e93300; border-style: solid; border-width: 5px 0 5px 8px; content: ""; height: 0; left: 0; margin-top: -4.5px; position: absolute; top: 50%; width: 0; }
.w960 .area03 .svcLinks.col01 strong { color: #0086cd; font-weight: normal; }
.w960 .area03 .svcLinks.col02 strong { color: #fa0089; font-weight: normal; }
.w960 .area03 .svcLinks.col03 strong { color: #00a33e; font-weight: normal; }
.w960 .area03 .svcLinks.col04 strong { color: #29a4a9; font-weight: normal; }
.w960 .area03 .svcLinks.col05 strong { color: #f18d00; font-weight: normal; }
.w960 .area03 .svcLinks.col06 strong { color: #e93300; font-weight: normal; }
.w960 .area05 .brdBox { border: #ccc 1px solid; padding: 30px 20px; }
.w960 .area05 .brdBox .bnr { margin: 35px 0 35px; }
.w960 .area05 .brdBox .bnr img:hover { opacity: .75; }
.w960 .area05 h3 { margin-top: 20px; text-align: center; font-size: 18px; border-bottom: #8a8a8a 1px solid; padding-bottom: 10px; margin-bottom: 20px; font-weight: bold; }
.w960 .area05 .split { display: flex; justify-content: space-between; width: 100%; }
.w960 .area05 .split .lc { width: 615px; }
.w960 .area05 .split .lc ul { margin-left: 1em; }
.w960 .area05 .split .lc ul li { line-height: 1.57; text-indent: -1em; margin-left: 1em; }
.w960 .area05 .split .lc ul li a { color: #255480; font-size: 16px; }
.w960 .area05 .split .lc ul li a em { display: inline-block; color: #e93300; padding-right: .5em; }
.w960 .area05 .split .rc { width: 290px; }
.w960 .area05 .split .rc .btn1 { width: 290px; margin-bottom: 18px; }
.w960 .area07 .qLinkUl { margin-bottom: 35px; }
.w960 .area07 .qLinkUl li { line-height: 1.57; }
.w960 .area07 .qLinkUl li a { color: #255480; font-size: 14px; }
.w960 .area07 .qLinkUl li a em { display: inline-block; color: #e93300; padding-right: .5em; }

/* ----------------------------------------------------
	clearfix
---------------------------------------------------- */
.cf { zoom: 1; }
.cf:after { content: " "; display: block; clear: both; }

/* notice */
.notice{
  padding: 20px;
  border:1px solid #e83416;
  font-size: 13px;
  font-weight: bold;
}
.notice+.area00{
  margin-top: 20px;
}
.area06+.notice{
  margin-top: 20px;
}
.notice .note{
  padding-left: 1em;
  text-indent: -1em;
}
.notice .pt20{
  padding-top: 20px;
}
.notice .pt15{
  padding-top: 15px;
}
a.txtLink {
	color: #255480;
	text-decoration: underline;
}
a.txtLink:hover {
	text-decoration: none;
}
.specCharacter {
	margin-left: -6px;
}
