@charset "utf-8";

/* reset css */
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 {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}/* change colours to suit your needs */ins {background-color:#ff9;color:#000;text-decoration:none;}/* change colours to suit your needs */mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}table {border-collapse:collapse;border-spacing:0;}/* change border colour to suit your needs */hr {display:block;height:1px;border:0; border-top:1px solid #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;}


/*
 * defaut style
 */
html { height: 100%; overflow-y: scroll; font-size: 10px; margin-top:0!important; background:#70d2ea; }
body { /* min-height:100%; */  font-size: 100%; color: #333333; word-wrap: break-word; overflow:hidden; background:#fff; }
body { font-family:"メイリオ", Meiryo,",ＭＳ Ｐゴシック",sans-serif; }
table { word-break: break-word; }
img { max-width: 100%; vertical-align: bottom; border: none; }
li { list-style-type: none; }
ol { margin-bottom:1.5em; }
ol li {  margin-left:20px; padding-left:5px; list-style-type:decimal; margin-bottom:0.5em; line-height:180%; }
.section ul { margin-bottom:1.5em; }
.section ul li {  margin-left:20px; padding-left:5px; list-style-type:disc; margin-bottom:0.5em; line-height:180%; }
dt { font-weight:bold; line-height:160%; margin-bottom:0.5em; font-size:14px; }
dd { margin-bottom:1.5em; line-height:160%; font-size:14px; }
p { margin-bottom: 2em; line-height:180%; }
p:last-child { margin-bottom:0; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
sup { position: relative; font-size: 100%; top: -5px; }
sub { position: relative; font-size: 100%; bottom: -5px; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }
.sp { display: none!important; }
.center { text-align:center; }
.pc-center { text-align:center; }
.right { text-align:right; } 
.pc-right { text-align:right; } 
strong { /* color:#C00; */ }
em { /* color:#960; */ font-weight:bold; font-style:normal; }
* { /* box-sizing:border-box; */ }
hr { margin:4em 0; }
a.underline { text-decoration:underline; }
a.underline:hover { text-decoration:none; }


#header { width:100%; position:relative; z-index:999; border-bottom:1px solid #cbcbc9; }
#header #header-inner { position:relative; width:960px; margin:0 auto; }
#header a { color:#333; text-decoration:none; }
#header a:hover { text-decoration:underline; }
#header #logo { padding-top:35px; padding-bottom:20px; height: 31px }
#header #logo img {height: 100%}
#header #gnav { position:relative; }
#header #gnav ul { margin-bottom:18px; overflow:hidden; width:960px; }
#header #gnav li { float:left; }
#header #gnav li a { display:block; line-height:32px; font-size:14px; text-align:center; border-left:1px solid #cbcbc9; box-sizing:border-box; }
#header #gnav li.home a { width:191px; }
#header #gnav li.about a { width:192px; }
#header #gnav li.business a { width:192px; }
#header #gnav li.recruit a { width:192px; }
#header #gnav li.contact a { width:193px; border-right:1px solid #cbcbc9; }
#header #gnav li a:hover { color:#112d7f; text-decoration:none; }
#header #gnav li a.active { color:#112d7f; text-decoration:none; }

#header #utils { position:absolute; right:160px; top:8px; font-size:10px; }
#header #utils li { display:inline-block; margin-left:0; }
#header #utils a { display:inline-block; padding:2px 0; background:url(../img/ico_utils_arrow.png) no-repeat left center; padding-left:10px; margin-left:25px;  }
#header #font-switch { position:absolute; left:818px; top:6px; width:160px; border-left:1px solid #cccccc; padding-left:10px; font-size:10px; }
#header #font-switch .title { display:inline; position:absolute; left:10px; top:4px;  }
#header #font-switch .controller { margin-left:60px; display:inline-block; }
#header #font-switch li { }
#header #font-switch li a {  }
#header #font-switch div.small,
#header #font-switch div.medium,
#header #font-switch div.large { border-bottom:1px solid #fff; display:inline-block; padding:4px; margin:0 2px; text-align:center; cursor:pointer; margin-left:3px; }
#header #font-switch div.active { border-bottom:1px solid #112d7f;}
#header #font-switch div.small:hover,
#header #font-switch div.medium:hover,
#header #font-switch div.large:hover { color:#d52c1b; }
#header #font-switch div.small span,
#header #font-switch div.medium span,
#header #font-switch div.large span { /* display:none; テキストを削除して画像ボタン化することも可能　*/ }
#header .group-logo { position:absolute; right:0; top:47px; height: 12px }
#header .group-logo img { height:100%; }


#contents { padding-bottom:80px; width:960px; margin:0 auto; position:relative; }
#main { width:720px; float:right; padding-top:40px; }
#sub { width:200px; float:left; background:#f1fcff; }
#lnav { background:#fbfbfa; }
#lnav li a { color:#333; text-decoration:none; display:block; background:url(../img/ico_lnav.png) no-repeat 15px center #f1fcff; font-size:15px; border-bottom:1px dotted #c7c7c7; padding:25px 0 25px 32px; line-height:140%; }
#lnav li a:hover { color:#70d2ea; }
#lnav li.active a {  background-color:#e7faff;  }
#lnav .child a { padding:14px 0 14px 28px; font-size:13px; background:none; }
#lnav .child a:before { content:"-"; display:inline; margin-right:8px; }
#lnav .banner { text-align:center; margin:40px 0; }
#lnav .banner a:hover { opacity:0.7; }


#page-ttl { background:#70d2ea; font-size:24px; color:#fff; }
#page-ttl span { display:block; width:960px; margin:0 auto; font-weight:normal; padding:35px 0 33px; position:relative; left:35px;	 }


#footer { background:#f1fcff; }
#footer .pagetop { position:absolute; right:0; top:-34px; }
#footer .inner { width:960px; margin:0 auto; position:relative; padding:40px 0; }
#footer a { color:#333; text-decoration:none;  }
#footer a:hover { text-decoration:underline; }
#footer .nav1 { border-bottom:1px dotted #c7c7c7; padding-bottom:25px; margin-bottom:40px; }
#footer .nav1 ul { position:relative; }
#footer .nav1 > ul > li > a { font-size:14px; background:url(../img/ico_footer_arrow.png) no-repeat left center; padding-left:10px; font-weight:bold; display:block; }
#footer .nav1 .home { position:absolute; left:0; top:0; width:100px; }
#footer .nav1 .about { position:relative; left:130px; top:0; width:245px; }
#footer .nav1 .business { position:absolute; left:350px; top:0; width:200px; }
#footer .nav1 .recruit { position:absolute; left:550px; top:0; width:200px; }
#footer .nav1 .contact { position:absolute; left:750px; top:0; width:225px; }
#footer .nav1 .topics { position:absolute; left:575px; top:0; width:145px; }
#footer .nav1 .lv2 { padding-top:20px; margin-left:12px; float:left; }
#footer .nav1 .lv2:nth-child(3) { margin-left:30px; }
#footer .nav1 .lv2 li { margin-bottom:12px; line-height:140%; }
#footer .nav1 .lv2 li:last-child { margin-bottom:0; }
#footer .nav1 .lv2 a { font-size:12px; background:none; font-weight:normal; }
#footer .nav1 .lv2 li:first-child a { margin-left:0px; }
#footer .nav2 { z-index:999; position:relative; }
#footer .nav2 li { display:inline-block; }
#footer .nav2 li a { font-size:14px; background:url(../img/ico_footer_arrow.png) no-repeat left center; padding-left:10px; margin-left:50px; font-weight:bold; }
#footer .nav2 li:first-child a { margin-left:0; }
#footer .tel { position:absolute; right:0; top:35px; }
#footer .copyright { background:#ffffff; height:100px; color:#000; font-size:12px; border-top: 1px solid #e5e5e5; }
#footer .copyright .inner { width:960px; margin:35px auto 0 auto; padding:0 ; position: relative}
#footer .copyright p { position:absolute; left:460px; top:13px; line-height: 1; font-size: 10px }
#footer .copyright .logo { position:absolute; left:0; top:0; height:31px  }
#footer .copyright .group-logo { position:absolute; right:0; top:12px; height: 12px }
#footer .copyright .logo img {height: 100%}
#footer .copyright .group-logo img {height: 100%}


.section { margin-bottom:60px; }
.section p {  font-size:140%; line-height:220%; }
.section h3 { border-left:4px solid #70d2ea; padding-left:18px; font-size:200%; font-weight:normal; margin-bottom:28px;  }
.section h4 { font-size:180%; font-weight:bold; margin-bottom:28px; border-bottom: 1px solid #ccc;  padding-bottom:8px; }
.section .box { border:1px solid #c7c7c7; padding:25px; }
.block { margin:40px 0; }

.box01 { margin:55px 0; }
.box01 .box-left { width:460px; float:left; }
.box01 .box-right { width:460px; float:right; }
.box02 { margin:0 0 105px; }
.box02 .box-left { width:320px; float:left; }
.box02 .box-right { width:365px; float:right; }
.box03 { margin:0 0 55px; }
.box03 .box-left { width:300px; float:left; }
.box03 .box-right { width:420px; float:right; }


.table01 { margin-bottom:50px; }
.table01 table { font-size:140%; border-collapse:collapse; border:1px solid #c7c7c7; width:100%; }
.table01 th {width:25%; background:#fbfbfa; border:1px solid #c7c7c7; padding:22px 28px; line-height:160%; font-weight:normal; white-space:nowrap; text-align:left; vertical-align:middle; }
.table01 td { border:1px solid #c7c7c7; padding:22px 28px; line-height:190%; }
.table01 a { text-decoration:underline; }
.table01 a:hover { text-decoration:none; }
.title01 { color:#70d2ea; font-size:180%; border-left:4px solid #70d2ea; padding:3px 0 3px 12px; margin-bottom:15px; }

.table02 { margin-bottom:50px; }
.table02 { font-size:160%; border-collapse:collapse; width:100%; }
.table02 th {width:7em; padding:22px 0; line-height:160%; font-weight:normal; white-space:nowrap; text-align:left; vertical-align:top }
.table02 td { padding:22px 0; line-height:160%; }


/* home */
body.home #contents { width:auto; }
#main-visual { margin-bottom:75px; text-align:center; background:url("../../img/main_img.jpg") no-repeat center top #f1fcff; height:470px; background-size:auto}
.information-block { width:960px; margin:0 auto 55px; }
.main-menu { width:960px; margin:0 auto 75px;}
.main-menu li { width:232.5px; margin-left:10px; float:left; }
.main-menu li:first-child { margin-left:0; }
.main-menu a { text-decoration:none; border:1px solid #cbcbc9; display:block; line-height:240%; background:#f7f7f5; }
.main-menu a:hover { opacity:0.7; }
.main-menu a div { font-size:130%; padding:5px 15px 15px; }
.main-menu a .ttl { font-size:180%; background:url(../img/ico_arrow01.png) no-repeat 15px center; padding:0; padding-left:35px; margin-top:15px; font-weight:500;  }
.topics p { font-size:140%; }
.topics .item { display:block; border-bottom:1px solid #e5e5e5; padding:20px 0; line-height:140%; text-decoration:none; }
.topics .item:first-child { padding-top:10px; }
.topics .item:hover { opacity:0.7; }
.topics .item .date { font-size:120%; color:#70d2ea; margin-bottom:8px; }
.topics .item .title { font-size:140%; }
.topics .item .desc { font-size:120%; margin-top:15px; }
.message-block { background:#f7f7f5; padding:55px 0px; text-align:center; margin-bottom:60px; }
.message-block h2 { margin-bottom:25px; }
.message-block p { font-size:160%; }
.message-block .copy { font-size:180%; font-weight:bold; margin:25px 0; }
body.home .about-company { padding:45px 95px; margin-bottom:40px; }
body.home .about-company > .inner { width:960px; margin:0 auto; padding:35px 0 35px 35px; box-sizing:border-box; }
body.home .about-company .thumb { float:right; width:366px; }
body.home .about-company .texts { float:left; width:490px; }
body.home .about-company h2 { font-size:240%; font-weight:normal; text-align:center; margin-bottom:60px; }
body.home .about-company p { font-size:140%; margin-bottom:2em; line-height:200%; }



/* about */
.print-button { margin-top:25px; text-align:center; }
.section .philosophy-text { font-size:240%; }
table.name { font-size:100%; border:none; width:auto; }
table.name td { padding:0; border:none; padding-right:15px; }
body.about-philosophy h4 {
    background-color: #f7f7f5;
    border-bottom: 1px solid #70d2ea;
    padding: 10px 10px;
    font-weight: normal;
	font-size: 180%;}
body.about-philosophy .box-border {border: 1px solid #dcdcdc; margin: 40px; font-size: 140%; padding: 40px 40px 20px 40px;}
body.about-philosophy .philosophy-text {font-size: 240%; text-align: center; }




/* group */
body.about-group #jutec-group { width:720px; }
body.about-group #jutec-group h3 { font-size:150%; padding-bottom:7px; padding-top:6px; margin-bottom:15px; padding-left:10px; border-left:4px solid #d52c1b; border-bottom:none; }
body.about-group #jutec-group .heading { text-align:center; margin-top:30px; }
body.about-group #jutec-group .heading .top { border:1px solid #ccc; font-size:160%; font-weight:bold; padding:12px; text-align:center; display:inline-block; }
body.about-group #jutec-group .heading .img img { display:block; width:100%; }
body.about-group #jutec-group .texts { font-size:130%; line-height:160%; }
body.about-group #jutec-group .texts p { margin-bottom:1.5em; padding-left:14px; }
body.about-group #jutec-group a { color:#333; text-decoration:none; display:inline-block; background:url(../img/ico_blank.gif) no-repeat right center; padding-right:17px; }
body.about-group #jutec-group a:hover { color:#d52c1b; }
body.about-group #jutec-group .title { margin-bottom:20px; border-bottom:none; }
body.about-group #jutec-group .item { position:relative; float:left; width:31.66666666666667%; margin-left:2.5%; margin-bottom:20px; }
body.about-group #jutec-group .item:first-child { margin-left:0; }
body.about-group #jutec-group .item .inner { border:1px solid #ccc; padding:6.41025641025641% 0; }
body.about-group #jutec-group .item .img { margin-bottom:15px; }
body.about-group #jutec-group .item .img .sp { display:none; }
body.about-group #jutec-group .item .wrap { }
body.about-group #jutec-group .item .title { position:absolute; left:0; top:0; font-size:140%; padding-bottom:7px; padding-top:10px; margin-bottom:0; padding-left:10px; border-left:4px solid #d52c1b; border-bottom:none; font-weight:bold; }
body.about-group #jutec-group .item .img { padding:0 6.41025641025641%; padding-top:20px; }
body.about-group #jutec-group .item .img img { width:100%; }
body.about-group #jutec-group .item .links { padding:0 12px; }
body.about-group #jutec-group .item .links li { font-size:120%; line-height:120%; font-weight:bold; margin-bottom:10px; list-style-type:none; padding-left:0; margin-left:0; }
body.about-group .company-list .title { background:#ededeb; font-size:140%; font-weight:bold; border-bottom:1px solid #70d2ea; padding:15px; margin-bottom:20px; margin-top:60px; }
body.about-group .company-list a.map { display:inline-block; color:#333; background:#ededeb; padding:0px 20px 0 16px; border-radius:4px; }
body.about-group .company-list a.map span { display:inline-block; padding:7px 30px 7px 5px; background:url(../img/ico_map.png) no-repeat right center; }
body.about-group .company-list a.map:hover { color:#70d2ea; }
body.about-group .company-list .item { font-size:140%; border:1px solid #ccc; padding:20px; margin-bottom:22px; }
body.about-group .company-list .item .img { width:140px; float:left; }
body.about-group .company-list .item table { border-collapse:separate; border-spacing:3px; width:530px; float:right; margin-top:-3px; }
body.about-group .company-list .item  td,
body.about-group .company-list .item  th { line-height:200%; padding:5px 8px; }
body.about-group .company-list .item  th  { text-align:left; white-space:nowrap; padding:5px 5px 5px 0; }
body.about-group .company-list .item  td { width:100%; }
body.about-group .company-list .item .name { background-color:#ededeb; }
body.about-group .company-list .item .name a { color:#333; }
body.about-group .company-list .item .map-button { margin-top:8px;}
body.about-group .company-list .item .map-button a { }
body.about-group .company-list a.blank { color:#333; text-decoration:none; display:inline-block; background:url(../img/ico_blank.gif) no-repeat right center; padding-right:17px; }
body.about-group .company-list a.blank:hover { color:#70d2ea; }

/* recruit */
body.recruit dl {}
body.recruit dt { width: 13em; display: inline-block; font-weight: normal; margin: 0;font-size: 100%; line-height:200% }
body.recruit dd {display: inline-block;margin: 0; font-size: 100%;line-height: 200% }
body.recruit .lead { font-size: 200%; font-weight: bold; margin-bottom: 2em}
body.recruit .recruit-img{  margin-bottom: 40px}
body.recruit .btn { display:inline-block; background:#70d2ea; color:#fff; font-size:14px; line-height:220%; text-decoration:none; text-align:center; padding:10px; width:220px; margin:0 auto; }
body.recruit .btn span {  display:inline-block; }


/* privacy */
body.privacy #main { float:none; width:960px; }
/*body.privacy .section ol { margin-top:20px; }
body.privacy .section ol li { list-style-type:decimal; margin-left:48px; font-size:140%; line-height:180%; margin-bottom:5px; }*/
body.privacy #main .texts { margin-left:10px; }
body.privacy #main dl {font-size: 140%; line-height: 180%; margin-top: 2em}
body.privacy #main dt {font-weight: bold; margin-bottom: 0.5em;}
body.privacy #main dl ol li, body.privacy #main ul ol li { list-style-type:none; margin-left: 20px}
body.privacy #main ul.privacy-list {margin-bottom: 2.5em}
body.privacy #main ul.privacy-list > li { list-style: disc; margin-left: 2em; font-size: 140%; padding-left: 0; line-height: 180%}
body.privacy #main ul ol li { text-indent: -1em}
body.privacy #main h4 {margin-bottom: 10px; margin-top: 30px; font-size: 150%; border-bottom: none}
body.privacy #main ol {margin-bottom: 1em}
body.privacy #main ul.privacy-list > li > ol > li {padding-left: 1.4em; text-indent: -1.4em; margin-bottom: 10px}
body.privacy #main ul.privacy-list > li > ol {margin-top: 10px}
body.privacy #main dl > dd > ol > li {padding-left: 1.4em; text-indent: -1.4em; margin-bottom: 5px}
body.privacy #main dl > dd {margin-bottom: 2em}


/* policy */
body.policy #main { float:none; width:960px; }
body.policy #main .plugin {  text-align:center; margin-bottom:40px; }
body.policy #main .plugin a { margin:30px 25px 20px; display:inline-block; }


/* sitemap */
body.sitemap #main { float:none; width:960px; }
body.sitemap .section { font-size:140%; line-height:220%; }
body.sitemap .section li { position:relative; margin-bottom:50px; list-style-type:none; padding-left:0; margin-left:0; }
body.sitemap .section .home { margin-bottom:70px; }
body.sitemap .section .about>a,
body.sitemap .section .business>a { position:absolute; z-index:999; }
body.sitemap .section .lv2 { position:relative; left:30px; padding-top:55px; }
body.sitemap .section .lv2 li { margin-bottom:10px; }
body.sitemap .section .business { position:absolute; left:520px; top:0; }
body.sitemap .section a { background:url(../img/ico_footer_arrow.png) no-repeat 10px center #f7f7f5; display:block; width:410px; padding:4px 10px; padding-left:25px; color:#333; text-decoration:none; }
body.sitemap .section a:hover { text-decoration:underline; }
body.sitemap .section .lv2 a { background:url(../img/ico_footer_arrow2.png) no-repeat left center; padding:0; padding-left:10px; width:auto; }
body.sitemap .section .child a { font-size:13px; background:none; }
body.sitemap .section .child a:before { content:"-"; display:inline; margin-right:8px; }


/* contact */
body.contact .red { color:#d00; }
body.contact #main { float:none; width:960px; }
body.contact .section .progress { margin:20px 0; }
body.contact .section .progress li { background:#f7f7f5; padding:15px; font-size:140%; width:240px; display:inline-block; text-align:center; margin-left:75px; position:relative;  }
body.contact .section .progress li:first-child { margin-left:0; }
body.contact .section .progress li:after { position:absolute; left:-75px; top:0; content:""; display:block; width:75px; height:44px; margin:0; padding:0; background:url(../img/ico_lnav.png) no-repeat center center; }
body.contact .section .progress li:first-child:after { display:none; }
body.contact .section .progress li.active { font-weight:bold; color:#70d2ea; }
body.contact .section .memo { margin-bottom:15px; }
body.contact .section table { font-size:140%; line-height:220%; border-collapse:collapse; border:1px solid #c7c7c7; width:100%; }
body.contact .section table th {width:25%; background:#f7f7f5; border:1px solid #c7c7c7; padding:22px 28px; line-height:160%; font-weight:bold; white-space:nowrap; text-align:left; vertical-align:middle; }
body.contact .section table td { border:1px solid #c7c7c7; padding:22px 28px; line-height:160%; color:#808080; }
body.contact .section table input,
body.contact .section table select,
body.contact .section table textarea { padding:10px; border:1px solid #d6d6d6; }
body.contact .section table textarea { height:230px; }
body.contact .section table .length1 { width:230px; }
body.contact .section table .length2 { width:500px; }
body.contact .section table .length3 { width:100px; }
body.contact #contact_note { padding:35px; background:#f7f7f5; line-height:180%; }
body.contact #contact_note .ttl { font-size:140%; font-weight:bold; text-align:center; margin-bottom:20px; }
body.contact #contact_note p { margin-bottom:20px; font-size:120%; line-height:220%; }
body.contact #contact_note li { margin-left:20px; list-style-type:disc; font-size:120%; line-height:180%; }
body.contact #contact_note .agreement { text-align:center; margin:20px 0 0; font-size:140%; }
body.contact #form_btn_box { text-align:center; margin:40px 0 0; }
body.contact #form .btn { display:inline-block; background:#70d2ea; color:#fff; font-size:14px; line-height:220%; text-decoration:none; text-align:center; padding:10px; width:220px; margin:0 32px; }
body.contact #form .btn span {  display:inline-block; }

body.confirm .section table { border-collapse:collapse; border:1px solid #c7c7c7; width:100%; }
body.confirm .section table th { border:none; }
body.confirm .section table td { border:none; }


/* topics */
.topics p { font-size:140%; }
.topics-list .item { display:block; border-bottom:1px solid #e5e5e5; padding:20px 0; line-height:140%; text-decoration:none; }
.topics-list .item:first-child { padding-top:10px; }
.topics-list .item:hover { opacity:0.7; }
.topics-list .item .date { font-size:120%; color:#70d2ea; margin-bottom:8px; }
.topics-list .item .title { font-size:160%; }
.topics-list .item .desc { font-size:130%; margin-top:15px; }
.pager { text-align:center; margin:50px 0; }
.pager a { margin:0 8px; color:#333; text-decoration:underline; font-size:12px; }
.pager a.current { text-decoration:none; }

.article .date { font-size:120%; margin-bottom:15px; color:#70d2ea; }
.article-nav { margin:50px 0; position:relative; }
.article-nav .prev-next .prev { float:left; }
.article-nav .prev-next .prev a { font-size:14px; background:url(../img/ico_prev.png) no-repeat 15% center #f7f7f5; padding:15px; padding-left:30px; display:inline-block;  }
.article-nav .prev-next .next { float:right; }
.article-nav .prev-next .next a { font-size:14px; background:url(../img/ico_next.png) no-repeat 85% center #f7f7f5; padding:15px; padding-right:30px; display:inline-block;  }
.article-nav .all { position:absolute; left:50%; transform:translateX(-50%); top:0; }
.article-nav .all a { font-size:14px; background:#f7f7f5; padding:15px; display:inline-block; }



/* wordpress エディター */
.editor { margin-top:15px; }
.editor a { color:#333; text-decoration:underline; }
.editor a:hover { text-decoration:none; }
.editor p { }
.editor h1 { font-size:180%; font-weight:bold; margin-bottom:28px; border-bottom: 1px solid #ccc;  padding-bottom:8px; }
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6 { font-size:180%; font-weight:bold; margin-bottom:28px; border:none;  padding:0px; }
.editor li { line-height:150%; margin-bottom:5px; font-size:16px; }
.editor ol li { margin-left:0; }
.editor figcaption { line-height: 160%; font-size: 85%; text-align:center; }

.editor  .alignleft {
	float: left;
	margin: 0 28px 28px 0;
	max-width:520px;
	width:calc(520 / 1100 * 100%);
}

.editor  .alignright {
	float: right;
	margin: 0 0 28px 28px;
	max-width:520px;
	width:calc(520 / 1100 * 100%);
}

.editor  .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 28px;
}

.editor  blockquote.alignleft,
.editor  blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.editor  blockquote.alignleft p,
.editor  blockquote.alignright p {
	margin-bottom: 17px;
}

.editor  ul,
.editor  ol {
	list-style: none;
	margin: 0 0 24px 20px;
	padding-left: 20px;
	overflow:hidden;
}

.editor  ul li {
	list-style: disc;
}

.editor  ol li {
	list-style: decimal;
	margin-left:0!important;
}

.editor  li > ul,
.editor  li > ol {
	margin: 0 0 0 20px;
}


.editor table { width:100%; margin:0 auto 40px; line-height:180%; border:1px solid #bfbfbf; border-collapse:collapse; font-size:16px; }
.editor table th { position:relative; border:1px solid #bfbfbf; padding:15px 25px; font-weight:normal; text-align:center; }
.editor table td { position:relative; border:1px solid #bfbfbf; padding:15px 25px; font-weight:normal; }
.editor table tr *:nth-child(1) { width:145px; }
.editor table tr:nth-child(2n+1) > * { background:#f5f5f5; }


.editor blockquote { color:#666; font-style:italic; position:relative; padding:10px 10px 10px 35px; background:#f6f6f6; margin-bottom:2.5em; }
.editor blockquote:before { content:'"'; font-size:50px; position:absolute; left:0; top:20px; }

.editor figure { margin-bottom:2.5em; max-width:100%; }
.editor figure img { margin-bottom:10px; }