/*
Theme Name: KJS
Theme URI: http://www.dm-s.co.jp/
Author: DM Solutions
Author URI: http://www.dm-s.co.jp/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');

body { font-family:"Noto Sans Japanese", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", 'MS PGothic','ＭＳ Ｐゴシック', 'MS Gothic', sans-serif; font-size:14px; margin:0px; text-align:center; background-color:#d6f4fe; line-height:180%; color:#555555; word-wrap:break-word; -webkit-text-size-adjust:none; image-rendering:-webkit-optimize-contrast; }

p, form { margin:0px; padding:0px; }
img { border:none; margin:0px; padding:0px; -webkit-backface-visibility:hidden; max-width:100%; height:auto; }
a { text-decoration:none; outline:none; color:#333333; }
a:hover { text-decoration:underline; }
a:hover img { filter:alpha(opacity=75); opacity:0.75; }
a, a img, input, textarea { transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; }
input, textarea, select { outline:none; }
h1, h2, h3, h4, ul, dl, dt, dd { margin:0px; padding:0px; font-weight:normal; list-style:none; }
.nan { transition:none; -webkit-transition:none; -moz-transition:none; }
.cf { width:100%; }
th { text-align:left; }
.onsp { display:none; }

body.nload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }

/* Header */

.header { border-top:#0b7fc6 solid 4px; background-color:#fff; }
.header + .fader { display:none; }
.header .cont { max-width:1040px; padding:0px 10px 18px 10px; margin:0 auto; text-align:left; width:auto; position:relative; }
.header .h1, .header h1 { font-size:13px; line-height:20px; color:#777777; padding:10px 210px 14px 5px; }
.header .logo { clear:both; float:left; }
.header ul.rm { position:absolute; right:10px; top:10px; line-height:20px; font-size:13px; border-right:#cccccc solid 1px; }
.header .rm li { float:left; padding:0px 9px; vertical-align:middle; border-left:#cccccc solid 1px; }
.header .rm li a { color:#5e5e5e; }
.header .rm li:before { content:"▶"; padding-right:5px; font-size:9px; vertical-align:top; color:#a3bbc2; }
.header .btn { float:right; padding-left:18px; }
.header .btn a,
.page_btn a{ background:url(img/arrow1.png) no-repeat 15px center, linear-gradient(#fff, #ebecee); color:#4b595d; line-height:20px; display:block; border:#c5d2dd solid 1px; border-radius:5px; padding:11px 16px 11px 39px; }
.page_btn{
    width:calc(50% - 10px);
    float:left;
}
.page_btn a{
    width: calc(100% - (16px + 39px + 2px + 10px));
    padding-top: 20px;
    padding-bottom: 20px;
    text-decoration: none !important;
    font-weight: bold;
    margin: 0px 5px;
}
.page_btn p{
    font-size: 12px;
    text-align: center;
}
.header .btn a:hover,
.page_btn a:hover{ text-decoration:none; filter:alpha(opacity=75); opacity:0.75; }
.header .htel { float:right; }
.header .htel a { background:url(img/htel.png) no-repeat 0px 5px; pointer-events:none; display:block; font-weight:bold; font-size:27px; line-height:27px; padding-left:25px; }
.header .htel .d { font-size:13px; color:#777777; letter-spacing:1px; line-height:13px; padding-top:4px; display:block; }
@media screen and (max-width: 850px) {
.header .logo img { width:300px; margin-top:10px; }
}
.header .htel .t, .header .htel .f, .header .htel .close { display:none; }
.header .spt, .header .spm { display:none; }

.menu { background:linear-gradient(#17a8e5, #098cdb); background-color:#17a8e5; }
.menu > ul { max-width:1040px; margin:0 auto; }
.menu > ul > li { float:left; /*width:calc(18.5% - 1px);*/ width:calc(23% - 1px); border-right:#0b7fc6 solid 1px; }
.menu > ul > li:first-child { width:calc(7.5% - 2px); border-left:#0b7fc6 solid 1px; }
.menu > ul > li > a { display:block; font-size:15px; color:#fff; font-weight:bold; line-height:20px; padding:15px 0px; }
.menu > ul > li:first-child > a { background:url(img/home.png) no-repeat center center; text-indent:-9999px; }
.menu > ul > li > a:hover, .menu > ul > li > a.sel { background-color:#0b7fc6; text-decoration:none; }
.menu.nosel > ul > li > a.sel { background:none; }
.menu.nosel > ul > li > a.sel:hover { background-color:#0b7fc6; }
.menu > ul ul { display:none; }
.menu li span { display:none; }

.mainbnr { height:415px; position:relative; overflow:hidden; }
.mainbnr div { width:100%; position:absolute; top:0px; left:0px; height:415px; background-size:cover !important; }
.mainbnr div img { opacity:0; }
.mainbnr div.s1 { background:url(img/slide1.jpg) no-repeat center top; }
.mainbnr div.s2 { background:url(img/slide2.jpg) no-repeat center top; }
.mainbnr div.s3 { background:url(img/slide3.jpg) no-repeat center top; }
.mainbnr div.s4 { background:url(img/slide4.jpg) no-repeat center bottom; }
.mainbnr div.s5 { background:url(img/slide5.jpg) no-repeat center top; }
.mainbnr ul { z-index:100; position:absolute; bottom:0px; width:100%; text-align:center; background-color:rgba(255, 255, 255, 0.5); padding:18px 0px; }
.mainbnr ul li { display:inline-block; width:40px; height:3px; text-align:left; text-indent:-9999px; margin:0px 5px; cursor:pointer; background-color:#15a6e4; }
.mainbnr ul li.sel, .mainbnr ul li.hover { background-color:#0b7fc6; }
.mainbnr h2 { position:relative; left:0px; top:0px; z-index:50; margin:0 auto; max-width:1040px; padding:0px 20px; height:415px; }
.mainbnr h2:before { content:""; position:absolute; width:2000px; height:415px; background-color:rgba(0, 0, 0, 0.3); left:-1980px; top:0px; }
.mainbnr h2 span { display:block; position:absolute; background-color:rgba(0, 0, 0, 0.3); padding:110px 70px 130px 0px; top:0px; left:20px; }

.bnrdesc { background-color:#0b7fc6; color:#fff; padding:25px 20px; }

/* Content */

.t1 { text-align:center; font-size:26px; color:#005487; font-weight:bold; padding:55px 0px 50px 0px; }

.tlist { width:auto; margin:0px -10px; padding-bottom:50px; }
.tlist > div { float:left; margin:0px 10px 20px 10px; width:calc(33.33% - 20px); border-bottom:#adddf9 solid 1px; }
.tlist > div a,
.tlist > div .noLink { display:block; background-color:#fff; }
.tlist h4 { font-size:18px; color:#005487; font-weight:bold; display:inline-block; margin:20px 25px 0px 25px; background:url(img/arrow5.png) no-repeat right 6px; background-size:15px auto; padding-right:25px; transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; }
.tlist p { padding:15px 25px 20px 25px; }
.tlist > div a:hover { text-decoration:none; }
.tlist > div a:hover h4 { padding-right:30px; }
.tlist > div:first-child { float:none; width:auto; }
.tlist > div:first-child img { float:left; width:50%; }
.tlist > div:first-child a div { float:right; width:50%; }
.tlist > div:first-child h4 { margin-top:35px; margin-bottom:15px; }
@media screen and (max-width: 960px) {
.tlist > div:first-child h4 { margin-top:20px; margin-bottom:0px; }
}

.cbg { border-top:#adddf9 solid 1px; background-color:#e7f8fe; }

.tnews { width:calc(50% - 10px); background-color:#fff; margin-bottom:75px; border-bottom:#cee7f5 solid 1px; }
.tnews div { position:relative; }
.tnews div a { background:url(img/arrow6.png) no-repeat 0px 8px; background-size:11px auto; position:absolute; right:18px; top:22px; padding-left:19px; text-decoration:underline; color:#0b7fc6; font-size:13px; }
.tnews div a:hover { text-decoration:none; padding-left:15px; }
.tnews h4 { border-top:#0b7fc6 solid 2px; margin-bottom:1px; font-size:16px; font-weight:bold; padding:20px 18px; background:linear-gradient(#fff, #e7f2f5); }
.tnews h4:after { color:#0b7fc6; font-size:12px; font-weight:normal; margin-left:10px; }
.tnews.rh h4:after { content:"Blog"; }
.tnews ul { border-top:#cee7f5 solid 1px; margin-bottom:-1px; }
.tnews li { border-bottom:#cee7f5 solid 1px; }
.tnews.rh li a { display:block; min-height:59px; padding:12px 15px 7px 15px; line-height:18px; }
.tnews.rh li span { display:block; font-size:13px; color:#0b7fc6; margin-top:-2px; }
.tnews.rh li p { padding-bottom:5px; }
.tnews.rh li img { width:80px; float:left; margin:0px 20px 5px 0px; }
.tnews li a:hover { text-decoration:none; background-color:#ebf7ff; }
.tnews.lf h4:after { content:"What's New"; }
.tnews.lf li a { display:block; min-height:45px; padding:5px 15px 5px 125px; line-height:18px; position:relative; }
.tnews.lf li:first-child a { padding-top:6px; padding-bottom:7px; }
.tnews.lf li span { color:#0b7fc6; position:absolute; width:125px; text-align:center; left:0px; top:calc(50% - 9px); }
.tnews.lf li p { display:flex; align-items:center; text-align:left; min-height:45px; }

.content { max-width:1040px; margin:0 auto; text-align:left; padding:0px 10px; width:auto; }
.lbar { float:left; width:calc(100% - 320px); background-color:#fff; padding:20px; margin:40px 0px 60px 0px; border-bottom:#c6e6f9 solid 1px; }
.rbar { float:right; width:250px; margin:40px 0px; }
@media screen and (max-width: 850px) {
.lbar { float:none; width:auto; }
.rbar { display:none; }
}

.subbnr { background-color:#0b7fc6 !important; background-position:center top !important; }
.subbnr h1, .subbnr .h1 { color:#fff; font-size:32px; font-weight:500; line-height:40px; max-width:990px; padding:48px 25px; margin:0 auto; text-align:left; }
.subbnr.todays_trainee { background:url(img/todays_trainee_bnr.png) no-repeat; }
.subbnr.news { background:url(img/news_bnr.png) no-repeat; }
.subbnr.corporate,
.subbnr.login{ background:url(img/corporate_bnr.png) no-repeat; }
.subbnr.message { background:url(img/message_bnr.png) no-repeat; }
.subbnr.contact { background:url(img/contact_bnr.png) no-repeat; }
.subbnr.sitemap { background:url(img/sitemap_bnr.png) no-repeat; }
.subbnr.question { background:url(img/question_bnr.png) no-repeat; }
.subbnr.business { background:url(img/business_bnr.png) no-repeat; }
.subbnr.business.etc { background:url(img/etc_bnr.png) no-repeat; }
.subbnr.kaunet { background:url(img/kaunet_bnr.png) no-repeat; }
.subbnr.gasoline_card { background:url(img/gasoline_card_bnr.png) no-repeat; }
.subbnr.foreign_skill_training,
.subbnr.foreign_skill_training.countries,
.subbnr.foreign_skill_training.support,
.subbnr.foreign_skill_training.digest { background:url(img/foreign_skill_training_bnr.png) no-repeat; }

.breadcrumbs { background-color:#fff; }
.breadcrumbs ul { max-width:1040px; padding:10px; margin:0 auto; text-align:left; font-size:12px; line-height:18px; color:#0969a3; width:auto; }
.breadcrumbs li { display:inline; }
.breadcrumbs li a { color:#0969a3; text-decoration:underline; }
.breadcrumbs li a:hover { text-decoration:none; }
.breadcrumbs li:first-child a { background:url(img/home2.png) no-repeat 0px center; background-size:11px auto; padding-left:20px; }
.breadcrumbs li:after { content:"»"; color:#8da1a7; padding:0px 5px 0px 8px; }
.breadcrumbs li:last-child:after { display:none; }

.rbar .rmt { border-top:#0b7fc6 solid 2px; border-bottom:#fff solid 1px; font-size:16px; font-weight:bold; padding:13px 18px; background:linear-gradient(#fff, #e7f2f5); }
.rbar .rmt:after { content:"Business"; color:#0b7fc6; font-size:12px; font-weight:normal; margin-left:10px; }
.rmenu { background-color:#fff; border-top:#c6e6f9 solid 1px; }
.rmenu > li { border-bottom:#c6e6f9 solid 1px; }
.rmenu > li > a { background:url(img/arrow7.png) no-repeat 20px center; display:block; padding:13px 10px 13px 40px; }
.rmenu > li > a:hover { text-decoration:none; background-color:#def2fd; }
.rmenu > li ul { border-top:#c6e6f9 solid 1px; padding:10px; }
.rmenu > li ul a { background:url(img/arrow8.png) no-repeat 12px center; display:block; padding:5px 5px 5px 30px; }
.rmenu > li ul a:hover { text-decoration:none; background-color:#def2fd; }

.title { font-size:22px; font-weight:500; color:#fff; background-color:#0b7fc6; border-left:#17689a solid 5px; line-height:30px; padding:10px 15px; margin-bottom:10px; }
.title2 { font-size:20px; font-weight:bold; line-height:24px; padding:5px 0px 8px 15px; border-bottom:#cccccc solid 1px; border-left:#cccccc solid 5px; margin-bottom:20px; position:relative; }
.title2:before { width:5px; height:13px; background-color:#17689a; content:""; position:absolute; left:-5px; top:0px; }
.title3 { font-size:16px; font-weight:bold; color:#0b7fc6; position:relative; padding:0px 0px 0px 22px; margin-bottom:15px; }
.title3:before { content:""; position:absolute; left:0px; top:7px; width:12px; height:12px; background-color:#0b7fc6; }

.collist .each { padding:10px 0px; border-bottom:#c6e6f9 solid 1px; }
.collist a { display:block; min-height:129px; }
.collist img { float:left; margin:0px 20px 10px 0px; }
.collist span { color:#0b7fc6; display:block; padding:5px 0px; }
.collist h3 { padding-bottom:10px; font-size:20px; font-weight:bold; line-height:26px; }
.collist a:hover { text-decoration:none; }
.collist a:hover h3 { color:#005487; }

.pager { text-align:center; padding:30px 0px 10px 0px; }
.pager a, .pager span { display:inline-block; vertical-align:middle; line-height:32px; width:30px; margin:0px 3px; }
.pager a { border:#a1dafc solid 1px; color:#0b7fc6; }
.pager a:hover { background-color:#c8f2fe; text-decoration:none; }
.pager span { background-color:#0b7fc6; border:#0b7fc6 solid 1px; color:#fff; cursor:default; }
.pager .prev, .pager .next { width:auto !important; padding:0px 10px; background-color:#0b7fc6; color:#fff; border:#0b7fc6 solid 1px; }
.pager .prev { margin-right:8px; }
.pager .prev:before { content:"«"; margin-right:5px; }
.pager .next { margin-left:8px; }
.pager .next:after { content:"»"; margin-left:5px; }
.pager .prev:hover, .pager .next:hover { background-color:#0b7fc6; opacity:0.75; }

.nwlist .each { border-bottom:#c6e6f9 solid 1px; padding:1px 0px; }
.nwlist a { display:block; position:relative; line-height:22px; }
.nwlist span { position:absolute; width:110px; text-align:center; left:0px; top:calc(50% - 11px); color:#0b7fc6; }
.nwlist h3 { padding:18px 10px 18px 120px; font-size:14px; }
.nwlist a:hover { background-color:#e5f9ff; text-decoration:none; }

.desc { padding:10px 0px 25px 0px; width:auto; }
.desc:last-child { padding-bottom:0px; }
.desc p, .desc .p { margin-bottom:25px; }
.desc p span { color:#ff0004; }
.desc a { color:#0b7fc6; text-decoration:underline; }
.desc a:hover { text-decoration:none; }

.desc .tbl.p { margin-bottom:30px; font-size:14px;}
.desc .tbl { width:100%; border-collapse:collapse; border-spacing:0px; margin-bottom:5px; }
.desc .tbl th, .desc .tbl td { border:#cccccc solid 1px; padding:10px 15px; }
.desc .tbl th { text-align:center; font-weight:normal; background-color:#f4f4f4; width:130px; }
.desc .tbl th.b { font-weight:bold; }
.desc .tbl th.th { background-color:#818181; color:#fff; }

.desc .ul li { position:relative; padding-left:20px; }
.desc .ul li:before { content:"●"; position:absolute; left:4px; color:#0b7fc6; font-size:10px; vertical-align:middle; }

.desc .hist { border-left:#cccccc solid 2px; margin-left:3px; padding-left:15px; }
.desc .hist dt { font-size:16px; font-weight:bold; color:#0b7fc6; padding-bottom:3px; position:relative; }
.desc .hist dt:before { content:""; width:8px; height:8px; border-radius:10px; background-color:#0b7fc6; position:absolute; top:8px; left:-20px; }
.desc .hist dd { padding-bottom:15px; }
.desc .hist dd:last-child { padding-bottom:0px; }
.desc .hist dd span { display:block; padding-left:20px; }

.desc .ul2 li { background:url(img/check.png) no-repeat 0px 8px; background-size:11px auto; padding-left:20px; }

.desc .r { text-align:right; }
.desc .b { font-weight:bold; }
.desc .c { text-align:center; }
.desc .f16 { font-size:16px; }
.desc .f13 { font-size:13px; }
.desc .sep { border:none; padding:0px; margin:0px; height:20px; }
.desc hr.clr { border:none; padding:0px; margin:0px; }
.desc img.rh, .desc .img.rh { margin:0px 0px 20px 20px; }
.desc img.lf, .desc .img.lf { margin:0px 20px 20px 0px; }
.desc .img img { display:block; margin-bottom:5px; }

.desc_secondary{ width:100%;  display:flex; }
.desc_in_secondary {width:50%; margin:20px 30px 20px 0; position:relative;}
.desc_in_secondary:last-child { margin-right: 0;}
.desc_in_secondary p{margin-bottom:90px;}
.desc_in_secondary .page_btn {width:calc(100%); position:absolute; bottom:0;}
.foamlink{color:#FF013D; text-decoration : underline; font-weight:bold;}

.msgimg { margin:-20px -20px 10px -20px; }

.cform { line-height:20px; padding:10px 0px 20px 0px; }
.cform table { width:100%; border-collapse:collapse; border-spacing:0px; margin-bottom:10px; }
.cform th, .cform td { border-top:#cccccc solid 1px; border-bottom:#cccccc solid 1px; padding:10px; }
.cform th { background-color:#fff3e0; width:140px; text-align:center; font-weight:normal; }
.cform th span { color:#fff; font-size:13px; background-color:#57b5bd; padding:0px 5px; margin-left:10px; }
.cform td .wpcf7-not-valid-tip { font-size:13px; display:block; padding-top:5px; }
.cform td input, .cform td textarea { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:#c6c6c6 solid 1px; border-radius:0px; font-size:14px; font-family:inherit; line-height:20px; padding:5px; height:34px; width:100%; }
.cform td input:focus, .cform td textarea:focus { border:#2c9fe6 solid 1px; box-shadow:inset 0px 0px 4px rgba(0, 0, 0, 0.1); }
.cform td textarea { height:102px; resize:none; }
.cform .nav { text-align:center; padding-top:20px; }
.cform .nav input { font-size:16px; font-weight:500; font-family:inherit; line-height:20px; height:50px; padding:15px 0px; border-radius:5px; background:url(img/arrow9.png) no-repeat right 20px center; background-size:9px auto; background-color:#0b7fc6; border:#17689a solid 1px; color:#fff; cursor:pointer; width:100%; max-width:200px; }
.cform .nav input:hover { filter:alpha(opacity=75); opacity:0.75; }
div.wpcf7-response-output { padding:15px 20px !important; margin:20px 0px !important; background-color:#fff; }

.sitemap > li { border-bottom:#cccccc solid 1px; padding-bottom:10px; margin-bottom:20px; }
.sitemap > li > a { background:url(img/arrow10.png) no-repeat 0px 2px; background-size:20px auto; font-size:15px; font-weight:bold; padding-left:30px; line-height:24px; display:inline-block; }
.sitemap > li > a[target='_blank']:after { content:""; background:url(img/ext2.png) no-repeat right center; padding-right:20px; }
.sitemap > li > ul { border-top:#cccccc solid 1px; margin-top:10px; padding-top:8px; border-bottom:#fff solid 1px; margin-bottom:-11px; }
.sitemap > li > ul > li { padding:5px 0px 5px 20px; }
.sitemap > li > ul > li > a { display:inline-block; background:url(img/arrow11.png) no-repeat 0px 8px; background-size:6px auto; padding-left:16px; }
.sitemap > li > ul > li > ul { padding-left:16px; padding-top:3px; }
.sitemap > li > ul > li > ul a { display:inline-block; background:url(img/arrow8.png) no-repeat 2px 8px; padding-left:15px; }

.faq { padding:8px 0px 5px 0px; }
.faq dt { font-size:18px; font-weight:bold; position:relative; padding:0px 0px 0px 40px; margin-bottom:18px; }
.faq dt:before, .faq dd:before { font-size:22px; color:#0b7fc6; font-weight:500; position:absolute; left:15px; }
.faq dt:before { content:"Q"; top:-1px; left:14px; }
.faq dd { border:#d9f1ff solid 1px; background-color:#effbff; padding:20px 20px 20px 40px; margin-bottom:30px; position:relative; }
.faq dd:before { content:"A"; top:19px; }
.faq ul li { position:relative; padding-left:20px; margin:5px 0px; }
.faq ul li:before { content:"●"; position:absolute; left:4px; color:#0b7fc6; font-size:10px; vertical-align:middle; }
.faq div { padding:10px 0px; }
.faq a { text-decoration:underline; color:#0b7fc6; }
.faq a:hover { text-decoration:none; }
.faq a.pdf { background:url(img/pdf.png) no-repeat 0px center; background-size:17px auto; padding-left:25px; font-size:15px; }

.phead { margin:-20px -20px 20px -20px; border-bottom:#d6f4fe solid 30px; }
.phead p { padding:20px; border-bottom:#c6e6f9 solid 1px; }

.pfeature > div{ margin:-20px -20px 6px -20px; padding:20px; border-bottom:#d6f4fe solid 30px; }
.pfeature h2{ font-size:22px; font-weight: bold; margin: -20px -20px 20px -20px; border-bottom: solid 1px #c6e6f9; color:#005487; padding: 10px 15px; line-height: 32px; background-color: #f4f4f4; }
.pfeature span{ width:80px; border-radius: 3px; float:left; box-sizing: border-box; background-color: #37abf4; color:#fff; font-size: 17px; font-weight: normal; padding:7px 5px; line-height: 1.0; text-align: center; margin-right: 18px; }

.pmenu { padding:10px 0px; }
.pmenu > div { float:left; width:calc(50% - 10px); margin-bottom:20px; }
.pmenu > div:nth-child(2n) { float:right; }
.pmenu > div:nth-child(2n + 1) { clear:both; }
.pmenu a { display:block; background-color:#f6f8f9; }
.pmenu h3 { font-size:18px; color:#005487; font-weight:bold; display:inline-block; margin:20px 20px 0px 20px; background:url(img/arrow5.png) no-repeat right 6px; background-size:15px auto; padding-right:25px; transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; }
.pmenu p { padding:12px 20px 20px 20px; }
.pmenu a:hover { text-decoration:none; }
.pmenu a:hover h3 { padding-right:30px; }

.etcflow li { background-color:#fff3e0; margin-bottom:30px; padding:15px 15px 15px 150px; min-height:100px; position:relative; }
.etcflow li:before { content:""; position:absolute; width:126px; height:calc(100% - 4px); left:2px; top:2px; background-color:#fff !important; background-size:90px auto !important; background-position:center center !important; }
.etcflow li:nth-child(1):before { background:url(img/st1.png) no-repeat; }
.etcflow li:nth-child(2):before { background:url(img/st2.png) no-repeat; }
.etcflow li:nth-child(3):before { background:url(img/st3.png) no-repeat; }
.etcflow li:nth-child(4):before { background:url(img/st4.png) no-repeat; }
.etcflow li:after { content:""; position:absolute; width:100%; height:30px; left:0px; bottom:-30px; background:url(img/stsep.png) no-repeat center 8px; background-size:30px 13px; }
.etcflow li:last-child { margin-bottom:20px; }
.etcflow li:last-child:after { display:none; }

.desc .att { background-color:#fff3e0; padding:25px 20px; margin-bottom:25px; }
.desc .att dt { text-align:center; font-size:18px; color:#0b7fc6; margin-bottom:15px; font-weight:bold; }

.kflow { padding:0px 0px 5px 0px; }
.kflow dt { font-size:20px; font-weight:bold; border-bottom:#c5c5c5 solid 1px; padding:0px 0px 10px 36px; color:#333333; position:relative; margin-bottom:10px; }
.kflow dt:before { position:absolute; font-size:14px; color:#0b7fc6; font-weight:bold; background-color:#e4e4e4; line-height:24px; width:24px; text-align:center; left:0px; top:2px; }
.kflow dt:nth-child(1):before { content:"1"; }
.kflow dt:nth-child(3):before { content:"2"; }
.kflow dt:nth-child(5):before { content:"3"; }
.kflow dt:nth-child(7):before { content:"4"; }
.kflow dt:nth-child(9):before { content:"5"; }
.kflow dt:nth-child(11):before { content:"6"; }
.kflow dt:nth-child(13):before { content:"7"; }
.kflow dt:nth-child(15):before { content:"8"; }
.kflow dd { margin-bottom:20px; }
.kflow dd img { float:left; margin:5px 20px 5px 0px; }
.kflow dd .clr { height:20px; }

.hsteps { margin:0px -18px; width:auto; padding-bottom:5px; }
.hsteps > div { float:left; width:calc(33.33% - 46px); padding:15px 5px; border-radius:5px; background-color:#fff3e0; margin:0px 18px 20px 18px; text-align:center; position:relative; }
.hsteps > div:nth-child(3n + 1) { clear:both; }
.hsteps > div:after { content:""; position:absolute; right:-36px; top:0px; width:36px; height:100%; background:url(img/hssep.png) no-repeat center center; }
.hsteps > div:nth-child(3n):after, .hsteps > div:last-child:after { display:none; }
.hsteps > div div { font-size:16px; font-weight:bold; color:#0b7fc6; padding-bottom:10px; }
.hsteps > div img { width:100%; max-width:150px; }
.hsteps > div p { margin:0px; padding-top:10px; font-size:15px; color:#555555; }

.desc .cm { background-color:#f4f4f4; border-radius:10px; margin-bottom:30px; padding:20px; }
.desc .cm dt { background:url(img/cm.png) no-repeat 0px 6px; background-size:20px auto; font-size:18px; font-weight:bold; color:#005487; margin-bottom:15px; padding-left:30px; }
.desc .cm2 { background-color:#f4f4f4; margin-bottom:40px; padding:20px; font-size: 13px; }
.desc .cm2 p { margin: 0; }
.desc a.pdf { background:url(img/pdf.png) no-repeat 0px center; background-size:17px auto; padding-left:25px; font-size:15px; }
.desc .vttl { font-size:18px; font-weight:bold; color:#333333; padding:0px 0px 8px 28px; border-bottom:#cccccc solid 1px; margin-bottom:20px; position:relative; }
.desc .vttl:before { content:""; background-color:#0b7fc6; position:absolute; left:0px; top:6px; width:15px; height:15px; }
.desc hr.sep2 { background:url(img/sep.gif) repeat-x 0px 0px; height:6px; margin-bottom:30px; }

.desc .qa { padding-right:30px; padding-bottom:5px; }
.desc .qa dt { font-weight:bold; color:#0b7fc6; }
.desc .qa dd { margin-bottom:20px; }
.desc .qa span { position:relative; left:30px; }
.desc .qa span:before { position:absolute; left:-30px; }
.desc .qa dt span:before { content:"Ｑ："; }
.desc .qa dd span:before { content:"Ａ："; }

/* Detail */

.posthead { text-align:right; color:#0b7fc6; padding:5px 0px 15px 0px; }
.detimg { margin-bottom:25px; text-align:center; }

.wpeditor { line-height:180%; padding:0px 0px 10px 0px; border-bottom:#cae8f9 solid 1px; }
.wpeditor img { max-width:100%; height:auto; }
.wpeditor p { margin-bottom:25px; }
.wpeditor h2 { font-size:20px; font-weight:bold; line-height:26px; padding:5px 0px 8px 15px; border-bottom:#cccccc solid 1px; border-left:#cccccc solid 5px; margin-bottom:25px; position:relative; }
.wpeditor h2:before { width:5px; height:13px; background-color:#17689a; content:""; position:absolute; left:-5px; top:0px; }
.wpeditor h3 { font-size:18px; font-weight:bold; line-height:24px; color:#005487; padding:3px 0px 0px 0px; margin-bottom:25px; }
.wpeditor h4 { font-size:18px; line-height:24px; padding:3px 0px 3px 25px; margin-bottom:20px; font-weight:bold; position:relative; }
.wpeditor h4:before { width:15px; height:15px; background-color:#0b7fc6; content:""; position:absolute; left:0px; top:8px; }
.wpeditor a { text-decoration:underline; color:#0b7fc6; }
.wpeditor a:hover { text-decoration:none; }
.wpeditor blockquote { background-color:#f7f7f7; margin:0px 0px 25px 0px; padding:25px 25px 5px 25px; }
.wpeditor ul, .wpeditor ol { margin:0px 0px 25px 0px; }
.wpeditor ul li { list-style:none; margin-left:20px; position:relative; }
.wpeditor ul li:before { content:"●"; position:absolute; left:-15px; color:#0b7fc6; font-size:10px; vertical-align:middle; }
.wpeditor ol { padding:0px 0px 0px 20px; }
.wpeditor pre { border:#e1e1e1 solid 1px; padding:20px; overflow:auto; margin:0px 0px 25px 0px; }
.wpeditor table { width:auto; border-collapse:collapse; max-width:100%; margin-bottom:25px; }
.wpeditor table caption { text-align:left; padding-bottom:5px; color:#0b7fc6; font-weight:bold; font-size:16px; padding-left:22px; position:relative; }
.wpeditor table caption:before { width:12px; height:12px; background-color:#0b7fc6; content:""; position:absolute; left:0px; top:7px; }
.wpeditor table.w100 { width:100%; }
.wpeditor table th, .wpeditor table td { border:#cccccc solid 1px; padding:10px 15px; text-align:left; }
.wpeditor table th { font-weight:normal; background-color:#f4f4f4; }
.wpeditor dl { margin-bottom:25px; }
.wpeditor dl dt { font-weight:bold; }

.back_to { text-align:right; padding:20px 0px 5px 0px; }
.back_to a { color:#fff; display:inline-block; padding:6px 15px; background-color:#0b7fc6; }
.back_to a:after { content:"»"; margin-left:10px; }
.back_to a:hover { text-decoration:none; background-color:#359ddd; }

.anchor { margin: -20px -20px 20px -20px ; background-color:#d6f4fe; }
.anchor ul { background-color:#d6f4fe; padding-bottom:30px; width: 100%; display: flex; }
.anchor li { width:33.33333%; width:-webkit-calc(100% / 3); width:calc(100% / 3) ; margin: 10px 2% 0 0; padding: 6px 12px 5px 36px; border-radius: 5px; background-color: #054499; display: inline-block; position: relative; }
.anchor li:nth-child(3n){margin: 10px 0 0 0;}
.anchor li a{ display: block; vertical-align: middle; color: #fff; font-size: 16px; line-height: 18px; text-decoration: none; padding:10px;}
.anchor li:after,.anchor2 li:after { content: ""; background: url(img/anchor-arrow.png) no-repeat 50%; background-size: 100%; display: block; width: 10px; height: 6px; position: absolute; top: 47%; left: 15px; }

.anchor2 {margin: -20px -20px 20px  -20px; background-color:#d6f4fe;}
.anchor2 ul {width: 100%; background-color:#d6f4fe; padding-bottom:30px; display: table; box-sizing: border-box; }
.anchor2 li {width:31%; margin: 10px 1% 0 1%; padding: 6px 12px 5px 36px; border-radius: 5px; background-color: #054499; display: table-cell; float: left; position: relative; box-sizing: border-box; }
.anchor2 li:nth-child(3n+1){clear: both;}
.anchor2 li a{ display: block; vertical-align: middle;  color: #fff; font-size: 14px; line-height: 20px; text-decoration: none; padding: 5px 10px; }

.gmap { margin-bottom:15px; }

.cntr_tbl{width:calc(100% - 350px); font-size: 13px; margin-bottom:30px; border-collapse: collapse; border-spacing: 0; }
.cntr_tbl tr{margin:0;}
.cntr_tbl th,.cntr_tbl td{ border:#cccccc solid 1px; padding:5px 15px; margin: 0px !important;}
@media screen and (max-width: 760px) {
.cntr_tbl{width:100%;}	
}
.digest dl{ display:flex; flex-wrap: wrap; border: 1px solid #ccc; border-top: none; margin-bottom:30px; }
.digest dt{ background: #eee; width: 30%; padding: 10px; box-sizing: border-box; border-top: 1px solid #ccc; }
.digest dd{ padding: 10px; margin: 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; width: 70%; background: #fff; box-sizing: border-box; }

.cta_area{ margin: -20px -20px -20px -20px; background-color:#d6f4fe; padding-top:30px; }
.cta { width: 100%; background-color:#2c9fe6; border-radius:8px; text-align:center; color:#fff; clear: both; }
.cta > .t { font-size:22px; font-weight:bold; border-top-left-radius:10px; border-top-right-radius:10px; padding:20px 5px; background-color:#0068b9;  }
.cta > .st { float:left; font-size:20px; line-height: 30px; margin-bottom:8px; font-weight:bold; width:40%; text-align: left; padding: 30px 0 0 50px; }
.cta > .btn { padding:20px 30px 20px 0px; margin-bottom:10px; float: right; width:49%;}
.cta > .btn a { font-size:26px; font-weight: 400; color:#fff; text-shadow:0px 1px #c86c14; display:block; border:#cf8d40 solid 1px; border-radius:5px; background:url(img/mail.png) no-repeat 20px center, linear-gradient(#f5b23c, #f18112); background-size:30px auto, 100% 100%; padding:25px 20px 25px 60px; margin:0 auto; max-width:380px; }
.cta > .btn a:hover { filter:alpha(opacity=75); opacity:0.75; text-decoration:none; }

/* 404 */

.notfound { padding:100px 0px; text-align:left; margin:0 auto; }
.notfound h1 { padding:0px 0px 30px 0px; font-size:35px; font-weight:bold; }
.notfound .stoptxt { font-size:16px; line-height:180%; padding-bottom:30px; }
.notfound .form { padding-top:20px; }
.notfound .inp { width:200px; padding:3px 5px 4px 3px; }
.notfound input { vertical-align:middle; }

/* Footer */

.footer { background:url(img/footerbg.gif) center top; padding:25px 10px; }
.footer .cont { max-width:1040px; margin:0 auto; text-align:left; }
.footer .cont > ul { float:left; line-height:20px; }
.footer .cont > ul:first-child { width:15%; }
.footer .cont > ul:nth-child(2) { width:38%; }
.footer .cont > ul:nth-child(3) { width:23%; }
.footer .cont > ul > li { padding:12px 0px; }
.footer .cont > ul > li > a { background:url(img/arrow2.png) no-repeat 0px 5px; font-weight:500; padding-left:20px; }
.footer .cont > ul > li > ul { padding-top:5px; }
.footer .cont > ul > li > ul > li { float:left; width:50%; padding:8px 0px; }
.footer .cont > ul > li > ul > li:last-child { float:right; }
.footer .cont > ul > li > ul > li > a { background:url(img/arrow3.png) no-repeat 4px 6px; font-weight:500; padding-left:20px; }
.footer .cont > ul > li > ul > li > ul { padding-left:20px; font-size:13px; padding-top:5px; }
.footer .cont > ul > li > ul > li > ul li { padding:3px 0px; }
.footer .cont > ul a { color:#fff; display:inline-block; }
.footer .cont > ul a[target]:after { content:""; background:url(img/ext.png) no-repeat right 6px; padding-right:20px; }
.footer .cont > ul span { display:none; }

.footer .cont > div { float:right; width:24%; background-color:#2c9fe6; border-radius:10px; text-align:center; color:#fff; padding-bottom:10px; }
.footer .cont > div .t { font-size:16px; font-weight:bold; border-top-left-radius:10px; border-top-right-radius:10px; padding:12px 5px; background-color:#0068b9; margin-bottom:10px; }
.footer .cont > div .st { font-size:13px; margin-bottom:8px; font-weight:bold; }
.footer .cont > div .btn { padding:0px 10px; margin-bottom:10px; }
.footer .cont > div .btn a { font-size:16px; color:#fff; text-shadow:0px 2px #c86c14; display:block; border:#cf8d40 solid 1px; border-radius:5px; background:url(img/mail.png) no-repeat 10px center, linear-gradient(#f5b23c, #f18112); background-size:20px auto, 100% 100%; padding:10px 0px 10px 20px; margin:0 auto; max-width:190px; }
.footer .cont > div .btn a:hover { filter:alpha(opacity=75); opacity:0.75; text-decoration:none; }
.footer .cont > div .tel { display:inline-block; color:#fff; font-weight:bold; font-size:25px; margin-bottom:10px; pointer-events:none; }
.footer .cont > div .tel:before { content:"TEL."; font-size:22px; vertical-align:baseline; font-weight:500; }
.footer .cont > div .fax { display:inline-block; font-weight:bold; font-size:25px; margin-bottom:10px; }
.footer .cont > div .fax:before { content:"FAX."; font-size:22px; vertical-align:baseline; font-weight:500; }
.footer .cont > div .d { display:block; font-size:13px; letter-spacing:1px; }
@media screen and (max-width: 1000px) {
.footer .cont > ul > li > ul > li { float:none; width:auto; }
.footer .cont > ul > li > ul > li:last-child { float:none; }
.footer .cont > ul:first-child { width:19%; }
.footer .cont > ul:nth-child(2) { width:26%; }
.footer .cont > ul:nth-child(3) { width:24%; }
.footer .cont > div { width:31%; }
}

address { font-style:normal; color:#FFFFFF; font-size:12px; line-height:20px; padding:5px 10px; background-color:#0068b9; letter-spacing:1px; }

.ptop { position:fixed; right:20px; bottom:110px; width:50px; z-index:200; }
.ptop a { background:url(img/ptop.png) no-repeat 0px 0px; background-size:100% 100%; width:50px; height:50px; text-indent:-9999px; display:block; position:absolute; top:120px; }
.ptop a:hover { filter:alpha(opacity=75); opacity:0.75; }
.ptop a.up { top:0px; }

/* Enviroments */

.alignleft { float: left; margin:0px 20px 10px 0px; }
.alignright { float: right; margin:0px 0px 10px 20px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img { margin-bottom: 10px; }
.wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; line-height: 2; color: #666666; }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry-content dl.gallery-item { margin: 0; }
.gallery-item a, .gallery-caption { width: 90%; }
.gallery-item a { display: block; }
.gallery-caption a { display: inline; }
.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }
.gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; }
.gallery-columns-1 .gallery-icon img { padding: 3%; }

.lf { float:left; }
.rh { float:right; }
.clr { clear:both; }
.bold { font-weight:bold; }
.cf:after { content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden; }

/*---202511ST追記---*/
.lbar:has(.logininfo) {
    float: left;
    width: calc(100% - 320px);
    background-color: transparent;
     padding: 0px;
    margin: 0px;
    border-bottom: 0;
}

@media screen and (max-width: 850px) {
.lbar:has(.logininfo) {
	width: 100%;
}
}

.w-100 {
	width: 100%;
}

.d-flex {
	display: flex;
}

.mb-1 {
	margin-bottom: 10px !important;
}

@media screen and (min-width: 767px) {
.d-md-flex {
	display: flex;
}
	
	.mb-md-0 {
	margin-bottom: 0px !important;
}
	}

@media screen and (max-width: 760px) {
.card-01 .desc_in_secondary p,
	.card-02 .desc_in_secondary p,
		.card-03 .desc_in_secondary p {
    margin-bottom: 140px;
}
	
	.card-04 .desc_in_secondary p{
    margin-bottom: 90px;
}
}

.card-01,
.card-02,
.card-03,
.card-04{
    background-color: #fff;
    padding: 20px;
    margin: 40px 0px 60px 0px;
    border-bottom: #c6e6f9 solid 1px;
}

.card-01 .desc_in_secondary .page_btn,
.card-02 .desc_in_secondary .page_btn,
.card-03 .desc_in_secondary .page_btn {
    width: calc(50%);
    position: absolute;
    bottom: 0;
}

@media screen and (max-width: 760px) {
.card-01 .desc_in_secondary .page_btn,
.card-02 .desc_in_secondary .page_btn,
.card-03 .desc_in_secondary .page_btn {
    width: calc(100%);
    position: absolute;
    bottom: 0px;
}
}